在小程序中使用 image 标签显示 SVG 图片可以使用下面的方式:
将 SVG 图片转换为 base64 编码的字符串,并将其作为 image 标签的 src 属性的值。
在 image 标签的样式中添加 "mode" 属性,并将其值设置为 "widthFix",这样图片就可以根据容器的宽度进行等比缩放。
在 image 标签的样式中添加 "lazy-load" 属性,并将其值设置为 "true",这样图片就可以延迟加载,提高页面性能。
例如:
<image src="{{svgBase64}}" mode="widthFix" lazy-load="tr