Closed Annanikimi closed 4 months ago
小程序中没有 svg
标签,目前通过转为 dataurl
的图片显示,但是这种方式似乎不支持 svg
中有 img
的情况
<img src='data:image/svg+xml;utf8,<svg viewBox="0 0 379 74" xml:space="default" xmlns="http://www.w3.org/2000/svg"><foreignObject style="width:100%;height:100%"><img data-role="target" style="overflow:hidden;width:100%;vertical-align:inherit" src="https://jrga.gaqrm.com/uploads/20240424/795cb7add6001821da269d55b51daa35.png" draggable="false" xmlns="http://www.w3.org/1999/xhtml"></img></foreignObject></svg>'>
小程序中没有
svg
标签,目前通过转为dataurl
的图片显示,但是这种方式似乎不支持svg
中有img
的情况<img src='data:image/svg+xml;utf8,<svg viewBox="0 0 379 74" xml:space="default" xmlns="http://www.w3.org/2000/svg"><foreignObject style="width:100%;height:100%"><img data-role="target" style="overflow:hidden;width:100%;vertical-align:inherit" src="https://jrga.gaqrm.com/uploads/20240424/795cb7add6001821da269d55b51daa35.png" draggable="false" xmlns="http://www.w3.org/1999/xhtml"></img></foreignObject></svg>'>
好的,感谢解答
使用环境
微信小程序
问题描述
svg图片包含image图片无法显示,文本也不正常显示。
复现方式
复现html片段:
在开启编辑模式下image标签又出现在了富文本中但是图片无法正常渲染;
非编辑模式下image标签就会丢失
在小程序显示效果:![屏幕截图 2024-04-25 094142](https://github.com/jin-yufeng/mp-html/assets/50627384/64a9bb7f-2a2f-46db-91bf-263fc8d75357)
实际html效果:![屏幕截图 2024-04-25 094338](https://github.com/jin-yufeng/mp-html/assets/50627384/046ce790-0cc1-4881-aec7-64a74228a4b5)