canvasContext.quadraticCurveTo
解释:创建二次贝塞尔曲线路径。
参数:
参数名 | 类型 | 说明 |
---|---|---|
cpx | Number | 贝塞尔控制点的 x 坐标 |
cpy | Number | 贝塞尔控制点的 y 坐标 |
x | Number | 结束点的 x 坐标 |
y | Number | 结束点的 y 坐标 |
示例:
- 1
2
3
4
5
6
7
8
9
- 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();