Question

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

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

在我的下拉列表中，我将有两个选项“小矩形”＆amp; “大矩形”。我想在下拉选择上调用相应的函数。我面临的问题是，一旦我更改下拉选项拉斐尔似乎没有画出它。 我从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()函数之后，似乎没有向画布添加元素。画布仍然是空的。
价格：我的代码非常大，所以我在这里发布了这个简单的例子。

Answer 1

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

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

希望它可以帮助你......

RaphaelJS问题......抽奖还是REDRAW？

1 个答案: