svg图片在HTML中不显示的解决办法

文章2020-09-083,835 人已阅来源:网络

前端页面开发中,svg格式的图片直接在浏览器可以正常显示,但是在html中就无法正常显示,直接引用和写在样式中都不行。

通过这种情况下,svg里面的图形结构应该是位图生成的,而不是矢量图生成的。可以尝试用以下方法加以解决:

用文本编辑工具将svg图片打开,接着将image标签下的xlink:href="data:img/png;base64, 改成xlink:href="data:image/png;base64 即可(只需要将img改成image就可以了)

如下图,把图中的img改成image就可以了

svg图片在HTML中不显示的解决办法