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的评论，这应该是一个答案：

如果您使用的是Chrome，则其安全模型会阻止本地文件引用不同目录中的其他文件。 Firefox的安全性模型允许本地文件引用其他本地文件，只要引用的文件位于目录的相同目录或子目录中推荐人。

svg没有在本地显示

1 个答案: