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

Question

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

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

有什么想法吗？

Answer 1

当您创建一篇论文时，它会创建一个 DOM 对象。你可以访问它

paper.canvas

当您创建一个新的 Raphael 对象时，您就创建了一个新的 DOM 对象并保留了原来的对象!考虑到所有事情，这是最好的方法。如果你想删除 Canvas 你只需要执行下一个命令:

//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);
}