Maneira mais simples de limpar um contêiner usando a biblioteca gráfica Raphaeljs JavaScript

Question

Eu tenho que limpar e redesenhar um contêiner Raphael JavaScript. Eu tentei com

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

Qualquer ideia?

Answer 1

Na verdade, só chega ao meu aviso de que há o papel muito mais fácil.clear (); Não está documentado.

Answer 2

Quando você cria um artigo, ele cria um objeto DOM. Você pode acessar isso com

paper.canvas

Quando você cria um novo objeto Raphael, você cria um novo objeto DOM e deixa o original em paz! Esta é a melhor maneira de fazer isso, considerando tudo. Se você deseja excluir a tela, só precisa fazer o próximo comando:

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

Answer 3

Com o mais recente graphael 0.5.1, limpo o gráfico facilmente chamando o método clear (). ou seja

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

Mas não tenho certeza se funcionaria para sua versão

Answer 4

Sim! Você tem que arar até o final dos documentos.

(
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/rafael/raphaelsource.html