我们可以将类分配给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中的画布上的形状吗？

回答

相关问题