JavaScriptのグラフィックライブラリraphaeljsを使用してコンテナをクリアする最も簡単な方法
-
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());
所属していません StackOverflow