canvasContext.quadraticCurveTo

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

参数:

参数名类型说明
cpxNumber贝塞尔控制点的 x 坐标
cpyNumber贝塞尔控制点的 y 坐标
xNumber结束点的 x 坐标
yNumber结束点的 y 坐标

示例:

  1. 1
    2
    3
    4
    5
    6
    7
    8
    9

  1. const ctx = swan.createCanvasContext('myCanvas');
    // Draw quadratic curve
    ctx.beginPath();
    ctx.moveTo(20, 20);
    ctx.quadraticCurveTo(20, 100, 200, 20);
    ctx.setStrokeStyle('blue');
    ctx.stroke();

    ctx.draw();

图片