后浪云百度小程序教程:CanvasContext.bezierCurveTo

  • CanvasContext.bezierCurveTo
    • 方法参数
    • 示例
      • 图片示例
      • 代码示例 1
      • 代码示例 2:曲线起始点/控制点/终止点

    CanvasContext.bezierCurveTo

    解释:创建三次方贝塞尔曲线路径。

    方法参数

    参数名 属性 必填 默认值 说明

    cp1x

    Number

    第一个贝塞尔控制点的 x 坐标

    cp1y

    Number

    第一个贝塞尔控制点的 y 坐标

    cp2x

    Number

    第二个贝塞尔控制点的 x 坐标

    cp2y

    Number

    第二个贝塞尔控制点的 y 坐标

    x

    Number

    结束点的 x 坐标

    y

    Number

    结束点的 y 坐标

    示例

    扫码体验

    代码示例

    后浪云百度小程序教程:CanvasContext.bezierCurveTo插图

    请使用百度APP扫码

    图片示例

    后浪云百度小程序教程:CanvasContext.bezierCurveTo插图1

    代码示例 1

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. <canvas canvas-id="myCanvas" class="myCanvas" />

    代码示例 2:曲线起始点/控制点/终止点

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. <canvas canvas-id="myCanvas" class="myCanvas" />
    THE END