我們可以將類分配給html5中的畫布上的形狀嗎？

我們可以爲畫布上的形狀分配一個類嗎？我想建立一個使用線條的路徑，並希望給一個類的集合，以便專門更改它們的屬性。我的代碼是有點像：我們可以將類分配給html5中的畫布上的形狀嗎？

ctx.beginPath(); 
    ctx.moveTo(200,450); 
    ctx.lineTo(200,400); 
    ctx.lineTo(400,400); 
    ctx.lineTo(400,450); 
    ctx.stroke();

我要分配給一個類所有這些行specifically.How是它做什麼？有什麼建議嗎？

來源

2017-02-21 Akash Goyal

Canvas是一個位圖板中，你可以借鑑，沒有辦法跟蹤形狀

但是......

您可以隨時使用這個功能，點擊與您手動方互動：

var canvas = ... 
var ctx = ... 
canvas.addEventListener("mousedown", getPosition, false) 
function getPosition(event) { 
x = event.x; 
y = event.y; 
x -= canvas.offsetLeft; 
y -= canvas.offsetTop; 

// Now put code to describe specifically where to click 

if (x < 400 && x > 200 && y < 450 && y > 400) { 
// Now if you click on your square, you can write code here to interact 
} 

}

您也總是能夠製作一個正方形座標數組並且以這種方式跟蹤它。我希望這有助於:)

來源

2017-02-21 04:50:35

我們可以將類分配給html5中的畫布上的形狀嗎？

回答

相關問題