HTML5画布：我可以绘制一个形状并给它一个变量名吗？

Question

我想在画布上绘制一个形状（我可以做），但我不确定是否可以将该形状赋予变量名称。我想这样做，这样我就可以在以后更改该形状的宽度，而不必重新绘制形状。

有人可以帮忙吗？感谢。

Answer 1

如果不重新绘制形状，你不能这样做。你可以做的是将信息存储在这样的对象中。

var rectangle = {x:10,y:20,width:20,height:40};

然后你可以改变任何值并重新绘制它，

//clear the canvas then draw
rectangle.width = 60;
ctx.fillRect(rectangle.x,rectangle.y,rectangle.width,rectangle.height);

<强> Live Demo