Javascript 在自定义JS光标上设置光标原点

我有一个js函数，当我将鼠标悬停在图像上时，它会创建一个十字/X形状的自定义光标。看起来像这样：

function makeCursor() {

    var cursor = document.createElement('canvas'),
        ctx = cursor.getContext('2d');

    cursor.width = 20;
    cursor.height = 20;

    ctx.strokeStyle = '#b89552';

    ctx.lineWidth = 3;
    ctx.lineCap = 'round';

    ctx.moveTo(0, 20);
    ctx.lineTo(20, 0);
    ctx.moveTo(0, 0);
    ctx.lineTo(20, 20)    
    ctx.stroke();

    var aboveimage = document.getElementsByClassName("aboveimage");
    for(i=0;i<aboveimage.length;i++){
        aboveimage[i].style.cursor = 'url(' + cursor.toDataURL() + '), auto';
    }

}

函数makeCursor（）{
var cursor=document.createElement（'canvas'），
ctx=cursor.getContext（'2d'）；
光标宽度=20；
光标高度=20；
ctx.strokeStyle='#b89552'；
ctx.lineWidth=3；
ctx.lineCap='圆形'；
ctx.moveTo（0,20）；
ctx.lineTo（20,0）；
ctx.moveTo（0,0）；
ctx.lineTo（20，20）
ctx.stroke（）；
var overimage=document.getElementsByClassName（“overimage”）；
对于（i=0；i

将x和y位置设置为所需的值

...cursor =  'url(...) x y, auto';