html - svg 不在本地显示

Question

我目前在本地机器上运行的 html 页面上使用 svg，而不是在服务器上。图片不显示:

<svg aria-hidden="true" class="slds-icon slds-icon-standard-lead slds-icon--small">
        <use xlink:href="SLDS202/assets/icons/standard-sprite/svg/symbols.svg#lead"></use>
</svg>

路径是正确的。在本地机器上，我的印象是我们无法运行使用部分。是对的吗？无论是在服务器上还是在本地机器上，我都没有看到任何限制。

这段代码在本地运行良好:

 <svg version="1.1" baseProfile="full" width="300" height="200" xmlns="http://www.w3.org/2000/svg">
     <rect width="100%" height="100%" fill="red" />
     <circle cx="150" cy="100" r="80" fill="green" />
     <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text>
  </svg>

检查控制台时，出现此错误:

  Unsafe attempt to load URL file:///C:/work/References/SLDS/SLDS202/assets/icons/utility-sprite/svg/symbols.svg#filterList from frame with URL file:///C:/work/References/SLDS/axa-hk-gi-demo.html.
 'file:' URLs are treated as unique security origins.

Answer 1

引用@RobertLongson 的评论应该是一个答案:

If you're using Chrome it's security model prevents local files referring to other files in different directories. Firefox's security model allows local files to refer to other local files provided that the referenced file is in the same directory or a subdirectory of the referrer.