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，然后再画出基于新位置的新正方形，精度足够小就能模拟连续移动。