【Raphael.js】Raphaelエレメントを隠したり再表示したりする方法

hide関数とshow関数

Raphaelで描画したエレメントを一時的に隠したり、再表示させる事ができます。もう一度使うかもしれないエレメントはhide関数で隠し、必要になった時にはshow関数で再表示させましょう。

実行結果

解説

Hideボタンで隠れ、Showボタンで再表示させます。

Element.hide();

• Element: 隠したいRaphaelエレメント
• 返り値: 隠された後のエレメント

Element.toFront();

• Element: 再表示させたいRaphaelエレメント
• 返り値: 再表示後のエレメント