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

【问题标题】：HTML5 canvas: Can I draw a shape and give it a variable name?HTML5 画布：我可以绘制一个形状并给它一个变量名吗？
【发布时间】：2012-06-12 01:19:27
【问题描述】：

我想在画布上绘制一个形状（我可以这样做），但我不确定是否可以为该形状指定一个变量名。我想这样做，以便以后可以更改该形状的宽度，而无需重新绘制形状。

有人可以帮忙吗？谢谢。

【问题讨论】：

【解决方案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);

【讨论】：