Skip to content

rect

rect() 方法创建矩形。

参数描述
x矩形左下点的 x 坐标。
y矩形左下点的中心的 y 坐标。
width矩形的宽度。
height矩形的高度。

实例

ts
const ctx = node.getComponent(Graphics);
ctx.rect(20,20,150,100);
ctx.stroke();

rect.png

ts
const ctx = node.getComponent(Graphics);

// 红色矩形
ctx.lineWidth = 6;
ctx.strokeColor = Color.RED;
ctx.rect(5,5,290,140);
ctx.stroke();

// 绿色矩形
ctx.lineWidth=4;
ctx.strokeColor = Color.GREEN;
ctx.rect(30,30,50,50);
ctx.stroke();

// 蓝色矩形
ctx.lineWidth = 10;
ctx.strokeColor = Color.BLUE;
ctx.rect(50,50,150,80);
ctx.stroke();

rect2.png


返回 Graphics 组件参考