// 获取上下文
const context = wx.createCanvasContext('myCanvas');
// 开始路径
context.beginPath();
// 绘制圆弧
context.arc(100, 100, 50, 0, 2 * Math.PI);
// 设置描边颜色
context.setStrokeStyle('blue');
// 描边路径
context.stroke();
// 绘图上下文的渲染
context.draw();
在上述代码中,arc 方法用于绘制一个圆弧。它接受六个参数:
1. 圆心的 x 坐标
2. 圆心的 y 坐标
3. 圆的半径
4. 起始角度(弧度制),0 表示圆的三点钟方向
5. 结束角度(弧度制)
6. 是否逆时针绘制(可选参数,默认为 false)
在示例中,我们绘制了一个半径为 50 的圆弧,起始角度为 0,结束角度为 2π(360度),即绘制了一个完整的圆。
你可以根据需要调整参数以绘制不同大小和形状的弧线。
转载请注明出处:http://www.zyzy.cn/article/detail/996/微信小程序