svg图片在HTML中不显示的解决办法
前端页面开发中,svg格式的图片直接在浏览器可以正常显示,但是在html中就无法正常显示,直接引用和写在样式中都不行。
通过这种情况下,svg里面的图形结构应该是位图生成的,而不是矢量图生成的。可以尝试用以下方法加以解决:
用文本编辑工具将svg图片打开,接着将image标签下的xlink:href="data:img/png;base64
, 改成xlink:href="data:image/png;base64
即可(只需要将img
改成image
就可以了)
如下图,把图中的img
改成image
就可以了
