rect()

四角形を描きます。

四角形は、xyw、およびhのパラメーターで定義される四辺形です。xyはその左上隅の位置を設定します。wはその幅を設定し、hはその高さを設定します。四角形のすべての角度は90˚です。四角形を定義する他の方法については、rectMode()を参照してください。

5つのパラメーターを持つrect()のバージョンは、角が丸い四角形を作成します。5番目のパラメーターは、すべての角の半径を設定します。

8つのパラメーターを持つrect()のバージョンも、角が丸い四角形を作成します。最後の4つのパラメーターはそれぞれの角の半径を設定します。半径は左上の角から始まり、時計回りに四角形を回ります。これらのパラメーターのいずれかが省略された場合、それらは最後に設定された半径の値に設定されます。

実例

シンタックス

rect(x, y, w, [h], [tl], [tr], [br], [bl])
rect(x, y, w, h, [detailX], [detailY])

パラメーター

x
Number:

四角形のx座標。

y
Number:

四角形のy座標。

w
Number:

四角形の幅。

h
Number:

四角形の高さ。

tl
Number:

左上の角のオプションの半径。

tr
Number:

右上の角のオプションの半径。

br
Number:

右下の角のオプションの半径。

bl
Number:

左下の角のオプションの半径。

detailX
Integer:

(WebGLモード用)x方向のセグメント数。

detailY
Integer:

(WebGLモード用)y方向のセグメント数。

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/2d_primitives.js and open a pull request!

関連するリファレンス