微信小程序canvas画圆

在微信小程序中，使用`wx.canvasContext` API 可以绘制圆形。以下是基本步骤：

1. 首先，你需要获取到页面上需要绘制的 canvas 元素。通常，你可以通过 `page` 对象的 `selectComponentById` 方法选择对应的 canvas 组件。

const myCanvas = wx.createSelectorQuery().select('#myCanvas').fields({
  node: true
}).exec()[0].node;

2. 创建一个新的 canvas context 对象：

let ctx = wx.createCanvasContext('myCanvas');

3. 设置样式，如填充色和描边色，以及半径：

ctx.beginPath();
ctx.arc(50, 50, 30, 0, Math.PI * 2); // 圆心坐标 (x, y)，半径，起始角度，结束角度

4. 如果你想填充圆，可以使用 `fill()` 方法：

ctx.fill(); // 填充颜色

5. 如果只想要描边圆，使用 `stroke()` 方法：

ctx.stroke(); // 描边颜色

6. 最后别忘了关闭路径，如果不做这一步，可能会导致后续绘制的内容覆盖到这个圆上：

ctx.closePath();

完整的示例代码可能会这样：

Page({
  onLoad() {
    const myCanvas = this.selectComponent('#myCanvas');
    const ctx = wx.createCanvasContext('myCanvas');

    ctx.beginPath();
    ctx.arc(50, 50, 30, 0, Math.PI * 2);
    ctx.setFillStyle('#FF0000'); // 红色填充
    ctx.stroke(); // 红色描边
    ctx.closePath();

    ctx.draw();
  }
})