不支持 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: 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工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/25238.html