RaphaelJS问题...草稿还是草稿？

Question

嗨，我有一个下拉菜单，每当我更改下拉菜单中的选项时，我都想更改画布中的内容...例如

var paper = Raphael("myDivID",400,400);
function smallRectangle(){
  paper.rect(10,10,100,50);
}
function bigRectangle(){
  paper.rect(10,10,150,100);
}

在下拉菜单中，我将有两个选项“小矩形”和“大矩形”。我想在下拉选择中调用相应的函数。我面临的问题是，一旦我更改了下拉选项Raphael似乎就无法绘制它。我已经在计算器的一些问题看，有没有必要使用再拉伸技术在RaphaelJS 一看便知！

即使我这样尝试：

var paper = Raphael("myDivID",400,400);
function smallRectangle(){
  paper.clear()
  paper.rect(10,10,100,50);
}
function bigRectangle(){
  paper.clear()
  paper.rect(10,10,150,100);
}

这个clear()函数似乎并没有在画布上添加元素。画布仍为空。
仅供参考：我的代码很大，因此我在这里发布了这个简单的示例。

Answer 1

无需再次重绘矩形....

function resize_Rect(rect,newWidth,newHeight){//passing rect ,new width and new height
         rect.attr({'width':newWidth,'height':newHeight});
               }

希望它可以帮助您...