【Raphael.js】四角形を描いてみる

rect関数

ここでは四角形の描画を勉強しましょう。といっても、正円などと書き方は変わりありません。余裕です！

実行結果

jsfiddleさん、毎度お世話になります！Raphael.jsの最新Verを読み込めるのはあなただけ！

解説

特に正円と変わりはありません。しいて言えば角丸の四角形が描画できる点です。また、円の描画は正円描画関数、楕円描画関数が用意されているのに、四角形はrect関数しか用意されていないので、若干かわいそうではあります。

Paper.rect( x, y, w, h, r );

• Paper: Raphael関数で指定した描画エリア
• x: X座標
• y: Y座標
• w: 四角形の幅
• h: 四角形の高さ
• r: 角丸の半径(省略可)
• 返り値: 描画したrectエレメント