SVG图片未在Chrome中显示

时间:2018-10-12 21:55:23

标签: html svg

几个月前,我参与了这个项目,并且效果很好。我今天将其打开,但svg图像未显示在chrome上。它确实在其他浏览器中显示。这就是我的使用方式。

 <svg>
     <use xlink:href=“img/sprite.svg#icon-user”></use>
</svg>

3 个答案:

答案 0 :(得分:0)

您的代码看起来不错。尽管您可以使用自动结束标记来缩短<use>

<svg>
    <use xlink:href=“img/sprite.svg#icon-user”/>
</svg>

可能是您的图片已被移动/删除/重命名,而其他浏览器只是在缓存它吗?

答案 1 :(得分:0)

您声明它在一个浏览器中可见,但在另一浏览器中不可见,因此表明该图像应在该位置。是否有任何CSS可能影响“图标用户”?

哪种浏览器有效,哪种无效?了解更多详细信息可能会帮助您找到答案。

答案 2 :(得分:0)

我遇到了类似的问题,这是由id中重复的符号sprite.svg引起的。

仅当chrome从磁盘缓存加载svg文件时才可重现。 related PR

中的更多详细信息

即使不是icon-user,也请确保您没有重复的ID。