Question

我目前正在使用“外部”SVG，由于某些未知原因，它们有时无法在Google Chrome中呈现。它会在每次刷新时发生，但有时它们都会出现。

我已经广泛搜索了这个，这是我到目前为止所尝试的内容：

已停用HTML5模式
删除了基础href =“/”
map.svg
更新了Google Chrome
删除svg4everybody

我无法在我的本地环境中重现它，只有当我将它部署在外部服务器上时才会使调试非常令人沮丧。我完全没有想法。

map.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <symbol id="icon-chevron-left" viewBox="0 0 24 24">
        <title>chevron-left</title>
        <path d="M10.413 12l5.294-5.294c0.387-0.387 0.387-1.025 0-1.413s-1.025-0.387-1.413 0l-6 6c-0.387 0.387-0.387 1.025 0 1.413l6 6c0.194 0.194 0.45 0.294 0.706 0.294s0.513-0.1 0.706-0.294c0.387-0.387 0.387-1.025 0-1.413l-5.294-5.294z"/>
    </symbol>
</svg>

HTML参考

<svg class="icon">
    <use xlink:href="static/map.svg#icon-chevron-left"></use>
</svg>

它只发生在Chrome中，并且它是零星的，这使得调试非常困难。我正在使用由Tomcat 8.5提供服务的AngularJS 1.6.6。目前我的chrome版本是61.0.3163.100

我知道这是一个非常随意的问题，没有最小的测试用例，但我希望有人经历过这个并且可以给我一个指导方向。

Chrome使用SVG有时无法显示

0 个答案: