長方形と正方形の描画方法を変更します。
デフォルトでは、rect()とsquare()の最初の2つのパラメータは、 図形の左上隅のx座標とy座標です。次のパラメータは 図形の幅と高さを設定します。これはrectMode(CORNER)
を呼び出すのと同じです。
rectMode(CORNERS)
も最初の2つのパラメータを 角の1つの位置として使用します。次のパラメータは反対側の 角の位置です。このモードはrect()でのみ機能します。
rectMode(CENTER)
は最初の2つのパラメータを図形の中心の x座標とy座標として使用します。次のパラメータはその幅と 高さです。
rectMode(RADIUS)
も最初の2つのパラメータを図形の中心の x座標とy座標として使用します。次のパラメータは 図形の幅と高さの半分です。
rectMode()
に渡される引数は大文字で書く必要があります。なぜなら CENTER
、RADIUS
、CORNER
、CORNERS
という定数が このように定義されているからです。JavaScriptは大文字と小文字を区別する言語です。
実例
シンタックス
rectMode(mode)
パラメーター
mode
Constant:
CORNER、CORNERS、CENTER、またはRADIUSのいずれか
Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/attributes.js and open a pull request!