【Raphael.js】Raphaelエレメントを回転させる方法

rotate関数

Raphaelのエレメントを回転させる事ができます。角度と軸となるポイントを指定することで回転可能です。

実行結果

フルスクリーン
http://jsfiddle.net/nekosmash/5NMXz/embedded/result/

解説

角度だけを指定した場合は、自動的にエレメント全体の中央点を軸に回転します。サンプルでは中央点を軸とした回転と、左上を軸とした回転の二種類を用意しています。

Element.rotate(degree, centerx, centery);

• Element: 回転するRaphaelエレメント
• degree: 回転する角度
• centerx: 回転の軸となる点のX座標
• centery: 回転の軸となる点のY座標
• 返り値: 回転したRaphaelエレメント