【Raphael.js】正円を描く方法

circle関数

Raphaelで円を描いてみましょう。あまりに簡単過ぎるので肩の力が抜けると思います。今回描くのは5つの円です。それでは実行結果を見てみましょう。

実行結果

こちらが実行結果になります。Resultタブをクリックしてね。

解説

正円を描く関数はcircle関数になります。位置と半径を指定するだけの超シンプルな関数。超シンプルなのでこれ以上の説明は不要でしょう！

Paper.circle( x, y, r );

• Paper: Raphael関数で指定した描画エリア
• x: X座標
• y: Y座標
• r: 円の半径
• 返り値: 描画したcircleエレメント