[英]Move a HTML5 Canvas Element
我在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";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.