javascript怎么给一个canvas对象设置鼠标移入方法的样式cursor

Question

function drawImg(Sp) {

    var startX, startY;

    canvas.onclick = function(e) {

        e = window.event || e;

        startX = e.pageX - this.offsetLeft;

        startY = e.pageY - this.offsetTop;

        if(Sp === 'square'){

            var square = Draw.drawSquare(startX, startY);

            square.draw();

        }

    }

}

/*用对象来模拟类*/

var Draw = {

    'drawSquare': function(startX, startY) {

        var squareObj = {};

        squareObj.x = startX;

        squareObj.y = startY;

        squareObj.draw = function() {

            ctx.beginPath();

            ctx.strokeRect(startX, startY, 50, 50);

            ctx.strokeStyle = '#000';

        }

        squareObj.onmouseover = function() {

            ctx.style.cursor = 'move';

        }

        return squareObj;

    }

}

想了好多种方法都想不出来，哪位大佬可以帮帮忙呀。就是鼠标点击画布的时候，会出现一个正方形，然后如果鼠标移上去的话，是可以移动的，会出现移动的那个形状。

Answer 1

类似于棋盘，就是监控鼠标的移动，然后设置一个精度，移动超过这个精度，就clearrect，然后再画出基于新位置的新正方形，精度足够小就能模拟连续移动。