javascript - 移动 HTML5 Canvas 元素

Question

我正在用 html5 制作一个像拼图一样的小拼图。每一 block 拼图都是它自己的 Canvas 。我需要使用鼠标位置移动 Canvas 元素。我已经成功获得了被单击的 Canvas ，我只需要移动它即可。我尝试操作顶部和左侧样式属性，但 Canvas 没有移动。这可以做到吗？还是我正在尝试一些不可能的事情。

谢谢!

function MouseDown(can, e)
{
    MovingCanvas = can;
    clicked = true;
}

function MouseMove(e)
{
    if(clicked)
    {
        var mx = e.clientX;
        var my = e.clientY;

        MovingCanvas.style.top = my;
        MovingCanvas.style.left = mx;
    }
}

Answer 1

e.clientX 和 e.clientY 是整数。

样式需要 {NUMBER}{UNIT} 形式的字符串。

您缺少一个单元，因此它无法工作。

MovingCanvas.style.top = my+"px";
MovingCanvas.style.left = mx+"px";