不支持 svg 标签

web 可以，但是小程序不可以，只能使用 image 标签引用 svg 文件。

解决办法

有第三方插件可以提供变相支持：https://github.com/Tencent/omi/tree/master/packages/cax

但有实际使用存在偏差，不建议使用。

浏览器效果：

小程序效果：

不支持内嵌图片的 svg

<svg width="200" height="200"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">       
  <image xlink:href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" height="200" width="200"/>
</svg>

svg 如果内部有 image，image 部分会显示“图裂”。

解决办法

图片转 base64 可以展示。

参考

• svg - SVG | MDN
• image | 微信开放文档
• Canvas上更高效的画SVG | 子勰的博客
• omi/packages/cax at master · Tencent/omi
• 今天，小程序正式支持 SVG - 掘金
• Base64 Online - base64 decode and encode
• html img src base64 - 蚂蚁都督 - 博客园

本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:https://dengtar.com/25238.html