微信小程序canvas绘图

微信小程序中使用 Canvas 组件可以进行绘图操作。你可以在页面的 WXML 文件中引入 Canvas 组件，并在对应的 JS 文件中编写绘图的代码。

首先，在 WXML 文件中添加一个 Canvas 组件的标签，如下所示：

<canvas id="myCanvas"></canvas>

然后，在对应的 JS 文件中，获取 Canvas 组件的上下文，并使用上下文对象进行绘图操作，如下所示：

Page({
  onReady: function() {
    const ctx = wx.createCanvasContext('myCanvas')

    // 绘制矩形
    ctx.setFillStyle('#FF0000')
    ctx.fillRect(0, 0, 100, 100)

    // 绘制文本
    ctx.setFontSize(20)
    ctx.setFillStyle('#000000')
    ctx.fillText('Hello, World!', 10, 120)

    // 绘制图片
    wx.getImageInfo({
      src: 'https://example.com/image.png',
      success(res) {
        ctx.drawImage(res.path, 0, 150, 200, 200)
        ctx.draw()
      }
    })
  }
})

以上代码演示了如何在 Canvas 组件中绘制一个矩形、一段文本和一张图片。你可以根据自己的需求进行更多的绘图操作，例如绘制线条、绘制圆形等。

最后，调用 `ctx.draw()` 方法将绘制的内容显示在 Canvas 组件上。

注意：Canvas 组件的宽度和高度默认为 300px × 150px，你可以在 WXML 文件中设置 `style` 属性来调整组件的大小。