微信小程序 image 加载svg

微信小程序的 `image` 组件默认是不支持加载 `svg` 格式的图片的，但是可以通过一些方法实现加载 `svg` 图片。

一种方法是使用第三方的 `wx-svg` 库，它提供了一个 `svg` 组件，可以用来展示 `svg` 格式的图片。使用方法如下：

1. 安装 `wx-svg` 库

npm install wx-svg --save

2. 在需要使用 `svg` 图片的页面或组件中引入 `wx-svg` 组件

import { WxSvg } from 'wx-svg';

3. 在模板中使用 `wx-svg` 组件展示 `svg` 图片

<wx-svg class="svg-img" svg="{{svgData}}"></wx-svg>

其中 `svgData` 是 `svg` 图片的数据，可以通过网络请求获取到。具体使用可以参考 `wx-svg` 的文档。

另外一种方法是将 `svg` 图片转换成 `base64` 编码的格式，然后直接将 `base64` 编码的字符串赋值给 `image` 组件的 `src` 属性，可以实现加载 `svg` 图片。但是这种方法的缺点是 `svg` 图片文件较大，转换成 `base64` 编码后会更大，会导致页面加载速度变慢。