hover関数 hover関数を使用すると、マウスがエレメント内部に侵入した場合と出て行った時の両方のイベントを追加できます。使用頻度は何気に高そうです。 実行結果 FullScreen http://jsfiddle.net/nekosmash/gerWz/embedded/result/ 解説 エレメント内にマ…

アニメーション方式は全部で8つ Raphael.jsでは8つのアニメーション方式があります。jQueryやmootoolsなどではおなじみの動きです。ここでは実際にそれらのアニメーションがどのように動くのかを見てみましょう。 実行結果 FullScreen http://jsfiddle.net/n…

animate関数 Raphael.jsの中で最も光り輝いている部分があるとすればずばりコレ！アニメーション機能です。この関数を使えば、様々なアニメーションが可能になります。 使い方はattr関数と非常によく似ています。animate関数はアニメーションさせる属性に加…

click関数 Raphaelエレメントをクリックした時のイベントを追加する方法です。この辺は比較的親切な設計になってますね。click関数の引数にハンドラを渡すだけでOKです。 実行結果 FullScreen http://jsfiddle.net/nekosmash/V2MBB/embedded/result/ 解説 ク…

clone関数 複雑な過程で描いたRaphaelエレメントがあったとします。そんな超大作エレメントをもう一つ作る必要が出てきました。そんな時はエレメントをコピペしましょう。コピペはcloneメソッドです。 実行結果 FullScreen http://jsfiddle.net/nekosmash/Rz…