簡體   English   中英

移動HTML5 Canvas元素

[英]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.clientXe.clientY是整數。

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

你錯過了一個單位,因此它不起作用。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM