RaphaelJS 问题 ...DRAW 或 REDRAW？

Question

您好，我有一个下拉菜单，每当我更改下拉菜单中的选项时，我想更改 Canvas 中的内容...例如

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

在我的下拉列表中，我将有两个选项“小矩形”和“大矩形”。我想在下拉选择中调用相应的函数。我面临的问题是，一旦我更改了下拉选项，Raphael 似乎就不会绘制它。 我在 stackoverflow 的一些问题中了解到，在 RaphaelJS 中不需要使用重绘技术 See the Answer !

即使我这样尝试:

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() 函数之后向 Canvas 添加元素。 Canvas 仍然是空的。
仅供引用:我的代码非常大，所以我在这里发布了这个简单的示例。

Answer 1

不需要再重新绘制rect....

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

希望对你有帮助...