• rect
    • 实例

    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);
    2. // 红色矩形
    3. ctx.lineWidth = 6;
    4. ctx.strokeColor = cc.Color.RED;
    5. ctx.rect(5,5,290,140);
    6. ctx.stroke();
    7. // 绿色矩形
    8. ctx.lineWidth=4;
    9. ctx.strokeColor = cc.Color.GREEN;
    10. ctx.rect(30,30,50,50);
    11. ctx.stroke();
    12. // 蓝色矩形
    13. ctx.lineWidth = 10;
    14. ctx.strokeColor = cc.Color.BLUE;
    15. ctx.rect(50,50,150,80);
    16. ctx.stroke();

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


    返回 绘图组件