参考 rect()

rect()

绘制一个矩形。

矩形是由 xywh 参数定义的四边形。 xy 设置其左上角的位置。 w 设置其宽度,h 设置其高度。矩形中的每个角都是 90˚。请参阅 rectMode() 了解其他定义矩形的方式。

带有五个参数的 rect() 版本创建一个圆角矩形。第五个参数设置所有四个角的圆角半径。

带有八个参数的 rect() 版本也创建一个圆角矩形。最后四个参数中的每一个设置一个角的圆角半径。这些半径从左上角开始顺时针绕矩形移动。如果省略了其中任何参数,它们将采用上一个设置的值作为圆角半径。

示例

语法

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

参数

x
数字:

矩形的 x 轴坐标。

y
数字:

矩形的 y 轴坐标。.

w
数字:

矩形的宽度。

h
数字:

矩形的高度。

tl
数字:

可选参数,左上角的圆角半径。

tr
数字:

可选参数,右上角的圆角半径。

br
数字:

可选参数,右下角的圆角半径。

bl
数字:

可选参数,左下角的圆角半径。

detailX
整数:

在 x 方向的分段数(WebGL 模式下)。

detailY
整数:

在 y 方向的分段数(WebGL 模式下)。

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!

相关参考