不支持 svg 標(biāo)簽

web 可以，但是小程序不可以，只能使用 image 標(biāo)簽引用 svg 文件。

解決辦法

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

但有實(shí)際使用存在偏差，不建議使用。

瀏覽器效果：

小程序效果：

不支持內(nèi)嵌圖片的 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 如果內(nèi)部有 image，image 部分會(huì)顯示“圖裂”。

解決辦法

圖片轉(zhuǎn) base64 可以展示。

參考

• svg - SVG | MDN
• image | 微信開(kāi)放文檔
• Canvas上更高效的畫(huà)SVG | 子勰的博客
• omi/packages/cax at master · Tencent/omi
• 今天，小程序正式支持 SVG - 掘金
• Base64 Online - base64 decode and encode
• html img src base64 - 螞蟻都督 - 博客園

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.juherenli.com/25238.html