【Raphael.js】楕円を描いてみる

ellipse関数

楕円の描画は簡単です。正円を描画するcircleと混同しないようにしましょう。

実行結果

早速実行結果です。依然、シンプルなコードです。ダイジョウブ！ソノウチムズカシクナッテクルヨ。

解説

正円のように半径を指定するのではなく、幅と高さを指定するので、どちらかといえばrect関数に近いです。もちろん正円を描くことも可能です。他に注意点といえば、そうですね。eclipseではありませんので、スペルミスだけ気を付けてください。

Paper.ellipse( x, y, w, h );

• Paper: Raphael関数で指定した描画エリア
• x: 中心点のX座標
• y: 中心点のY座標
• w: 楕円の幅
• h: 楕円の高さ
• 返り値: 描画したellipseエレメント