html - SVG 渲染问题

Question

我在除 Chrome 之外的所有浏览器中都遇到了一些 SVG 渲染错误。SVG 都嵌入在 HTML 文件中，当前所有浏览器都支持该文件。然而，大多数浏览器的颜色是错误的（只是标准的十六进制颜色），而其他浏览器则根本无法渲染一些（而其他浏览器则很好）。这是源文件和屏幕截图：http ://awesomegeek.com/bugreport/bugreport.zip自己看看，如果您可以复制它或提出解决方案，请告诉我。

Answer 1

恐怕您的 html 文件无效。您有多个具有相同 id 的元素，例如 linearGradient id="a"。我知道它们出现在不同的 svg 片段中，但你仍然不能这样做，所有 Id 在文件中必须是全局唯一的。我认为 Firefox 通过在整个文件中选择第一个图标来正确绘制图标。