微信小程序如何使用svg图片

微信小程序可以通过使用 `wx.createCanvasContext(canvasId)` 来绘制 SVG 图片。具体步骤如下：

1. 在 wxml 文件中创建一个 canvas 标签，并设置它的 ID 属性为 canvasId：

<canvas canvas-id="canvasId"></canvas>

2. 在 js 文件中获取 canvas 上下文，并使用 `wx.downloadFile()` 方法下载 SVG 图片：

wx.downloadFile({
  url: 'https://example.com/image.svg',
  success: function(res) {
    // 获取 canvas 上下文
    const ctx = wx.createCanvasContext('canvasId')
    // 绘制 SVG 图片
    ctx.drawSvg(res.tempFilePath, 0, 0, 100, 100)
  }
})

其中，`drawSvg()` 方法的参数依次为：SVG 图片的临时文件路径、起始点的 x 坐标、起始点的 y 坐标、绘制的宽度和高度。

3. 最后，在 wxml 文件中使用 `canvas` 标签显示绘制好的 SVG 图片即可：

<canvas canvas-id="canvasId" style="width: 100%; height: 100%;"></canvas>