绘制一个矩形。
矩形是由 x
、y
、w
和 h
参数定义的四边形。 x
和 y
设置其左上角的位置。 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!