【Raphael.js】Raphaelエレメントをコピーする方法

clone関数

複雑な過程で描いたRaphaelエレメントがあったとします。そんな超大作エレメントをもう一つ作る必要が出てきました。そんな時はエレメントをコピペしましょう。コピペはcloneメソッドです。

実行結果

FullScreen http://jsfiddle.net/nekosmash/RzbDf/embedded/result/

解説

ボタンをクリックすると、同じ場所に同じエレメントが作成されます。ここでは分かりやすいように透明度を10%にしています。引数も特にありませんので、Raphael.jsの中では最も簡単な関数と言えるでしょう。

Element.clone();

• Element: コピーするRaphaelエレメント
• 返り値: コピーされたRaphaelエレメント