JavaScriptのグラフィックライブラリraphaeljsを使用してコンテナをクリアする最も簡単な方法

StackOverflow https://stackoverflow.com/questions/1116147

  •  12-09-2019
  •  | 
  •  

質問

私はラファエルjavascriptのメインコンテナをクリアして再描画する必要があります。私は

で試してみました
var paper = Raphael(10, 50, 320, 200);
paper.remove();  // Doesn't work
paper.node.removeNode();    //this neither
paper.removeNode();   //this neither

任意のアイデア?

役に立ちましたか?

解決

実はそれだけで非常に簡単paper.clear()があることを、私の通知に来て、これは、文書化されていない。

他のヒント

あなたは紙を作成すると、

これは、DOMオブジェクトを作成します。あなたがこれにアクセスすることができます。

paper.canvas
新しいラファエルオブジェクトを作成するときは、

は、新しい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);
}

最新gRaphael 0.5.1で、私はちょうどclear()メソッドを呼び出すことで簡単にチャートをクリアします。 すなわちます。

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

しかし、私はそれがあなたのバージョン

のために働くかどうか分かりません

はい! あなたは、ドキュメントの最後に耕すために持っている..

(
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する

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top