// 获取上下文
const context = wx.createCanvasContext('myCanvas');
// 开始路径
context.beginPath();
// 移动到起始点
context.moveTo(50, 50);
// 绘制二次贝塞尔曲线
context.quadraticCurveTo(100, 10, 150, 50);
// 设置描边颜色
context.setStrokeStyle('green');
// 描边路径
context.stroke();
// 绘图上下文的渲染
context.draw();
在上述代码中,quadraticCurveTo 方法接受四个参数:
1. 控制点的 x 坐标
2. 控制点的 y 坐标
3. 结束点的 x 坐标
4. 结束点的 y 坐标
这个方法绘制的是起始点、控制点和结束点构成的二次贝塞尔曲线。在示例中,我们从起始点 (50, 50) 开始,通过 quadraticCurveTo 方法指定了控制点 (100, 10) 和结束点 (150, 50)。
你可以根据需要调整参数以绘制不同形状的二次贝塞尔曲线。
转载请注明出处:http://www.zyzy.cn/article/detail/997/微信小程序