rect

rect() 方法创建矩形。

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

实例

  1. var ctx = node.getComponent(cc.Graphics);
  2. ctx.rect(20,20,150,100);
  3. ctx.stroke();

rect (x, y, w, h) - 图1

  1. var ctx = node.getComponent(cc.Graphics);
  3. // 红色矩形
  4. ctx.lineWidth = 6;
  5. ctx.strokeColor = cc.Color.RED;
  6. ctx.rect(5,5,290,140);
  7. ctx.stroke();
  9. // 绿色矩形
  10. ctx.lineWidth=4;
  11. ctx.strokeColor = cc.Color.GREEN;
  12. ctx.rect(30,30,50,50);
  13. ctx.stroke();
  15. // 蓝色矩形
  16. ctx.lineWidth = 10;
  17. ctx.strokeColor = cc.Color.BLUE;
  18. ctx.rect(50,50,150,80);
  19. ctx.stroke();

rect (x, y, w, h) - 图2

返回 绘图组件