我正在用html5做一个像拼图的小拼图。每个拼图都是它自己的画布。我需要使用鼠标位置移动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;
}
}
最佳答案
e.clientX
和e.clientY
是整数。
样式应使用{NUMBER} {UNIT}形式的字符串。
您缺少一个单元,因此它将无法正常工作。
MovingCanvas.style.top = my+"px";
MovingCanvas.style.left = mx+"px";