移动 HTML5 画布元素

Move a HTML5 Canvas Element

本文关键字：元素 布元素 HTML5 移动      更新时间：2023-09-26

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

谢谢！

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;
    }
}

e.clientX和e.clientY是整数。

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

您缺少一个单元，因此它不起作用。

MovingCanvas.style.top = my+"px";
MovingCanvas.style.left = mx+"px";
相关文章：