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

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

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

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

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