嗨,我有一个下拉菜单&每当我更改下拉列表中的选项时,我想更改画布中的内容...例如
var paper = Raphael("myDivID",400,400);
function smallRectangle(){
paper.rect(10,10,100,50);
}
function bigRectangle(){
paper.rect(10,10,150,100);
}
在我的下拉列表中,我将有两个选项“小矩形”& “大矩形”。我想在下拉选择上调用相应的函数。我面临的问题是,一旦我更改下拉选项拉斐尔似乎没有画出它。 我从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()
函数之后,似乎没有向画布添加元素。画布仍然是空的。
价格:我的代码非常大,所以我在这里发布了这个简单的例子。
答案 0 :(得分:4)
无需再次重新绘制矩形....
function resize_Rect(rect,newWidth,newHeight){//passing rect ,new width and new height
rect.attr({'width':newWidth,'height':newHeight});
}
希望它可以帮助你......