html - 网页不呈现 svg

Question

我有一个简单的 html 页面：

#my_svg{
    width: 75px; 
    height: auto
}

<a href="#">
   <div id="my_svg">
      <img src="https://svgshare.com/i/MHB.svg" alt="English flag">
   </div>
</a>

我看到的只是英国国旗，所以我的 svg 似乎没有加载。我确定路径，因为我在同一个文件夹中有 png 格式的图像并且它运行良好。只是更改扩展名。

奇怪的是，我的控制台中没有任何 404 错误。当我通过链接https://svgshare.com/i/MHB.svg添加它时它正在工作，但是当我使用本地文件时它不起作用。在我这边，我没有任何网络服务器，也不想要

标签： htmlsvg

Answer 1

所以你的问题是它不能在本地文件上工作吗？我认为如果你使用它会起作用<img src="./flag.svg" alt="English Flag'>。这应该可行，有时不添加属性会出现问题"./"，src因为浏览器可能认为它是 Web 链接，而不是路径链接。