使用raphaeljs javascript图形库清除容器的最简单方法

时间:2009-07-12 14:44:37

标签: javascript svg clear raphael

我必须清除并重绘一个raphael javascript主容器。我试过

var paper = Raphael(10, 50, 320, 200);
paper.remove();  // Doesn't work
paper.node.removeNode();    //this neither
paper.removeNode();   //this neither

有什么想法吗?

4 个答案:

答案 0 :(得分:15)

创建纸张时,它会创建一个DOM对象。您可以使用

访问它
paper.canvas

当您创建一个新的Raphael对象时,您将创建一个新的DOM对象并保留原始对象!考虑到一切,这是最好的方法。如果要删除画布,只需执行下一个命令:

//Note: after calling this function the paper object will be useless!
//Make paper object null (or a new paper object) immediately!
function clearPaper(paper){
    var paperDom = paper.canvas;
    paperDom.parentNode.removeChild(paperDom);
}

答案 1 :(得分:10)

实际上它只是让我注意到有更容易的纸张.clear();它没有记录。

答案 2 :(得分:3)

使用最新的gRaphael 0.5.1,只需调用clear()方法即可轻松清除图表。 即。

var r = Raphael(...)
r.clear();

但我不确定它是否适用于您的版本

答案 3 :(得分:0)

是的! 你必须努力到文档的末尾..

(
function (local_raphael) 
{
/*Put your little bit of Rap code in here*/ 
var paper = local_raphael(10, 10, 320, 200); 
}
)(Raphael.ninja());

http://www.irunmywebsite.com/raphael/raphaelsource.html