参考 rectMode()

rectMode()

改变矩形和正方形绘制的方式。

默认情况下,rect()square() 的前两个参数是形状中心的 x 和 y 坐标。接下来的参数设置形状的宽度和高度。这相当于调用 rectMode(CORNER)

调用 rectMode(CORNERS) 之后,函数使用前两个参数确定其中一个角的位置,接下来的参数是第一个角的对角的位置。这种模式仅适用于 rect()

rectMode(CENTER) 使用前两个参数作为形状的中心 x 和 y 坐标。接下来的参数是它的宽度和高度。

rectMode(RADIUS) 也使用前两个参数作为形状的中心的 x 和 y 坐标。接下来的参数是形状宽度和高度的一半。

传递给 rectMode() 的参数必须使用全大写,因为常量 CENTERRADIUSCORNERCORNERS 是这样定义的。JavaScript 是区分大小写的编程语言。

示例

语法

rectMode(mode)

参数

mode

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!

相关参考