• bezierCurveTo
    • 实例

    bezierCurveTo

    bezierCurveTo() 方法通过使用表示三次贝塞尔曲线的指定控制点,向当前路径添加一个点。
    提示:三次贝塞尔曲线需要三个点。前两个点是用于三次贝塞尔计算中的控制点,第三个点是曲线的结束点。曲线的开始点是当前路径中最后一个点。

    参数 描述
    cp1x 第一个贝塞尔控制点的 x 坐标
    cp1y 第一个贝塞尔控制点的 y 坐标
    cp2x 第二个贝塞尔控制点的 x 坐标
    cp2y 第二个贝塞尔控制点的 y 坐标
    x 结束点的 x 坐标
    y 结束点的 y 坐标

    实例

    1. var ctx = node.getComponent(cc.Graphics);
    2. ctx.moveTo(20,20);
    3. ctx.bezierCurveTo(20,100,200,100,200,20);
    4. ctx.stroke();

    bezierCurveTo (c1x, c1y, c2x, c2y, x, y) - 图1


    返回 绘图组件