SVG 文件显示为黑色轮廓

Question

我尝试了所有方法，但仍然无法让这些 SVG 文件显示为全黑的无光泽版本。图像周围的透明度很好，内部只是黑色。到目前为止，我发现的一切都是关于 SVG 在其他应用程序内变黑或在浏览器中错误渲染。我只希望图像在 UI 中正确显示（如果可行，也许可以将其用作图标或壁纸）。

SVG 上没有填充。没有驼峰式的属性名称。同一图像在 Windows 和 MacOSX 中显示正常。奇怪的是，GNOME 用于图标的所有内部 SVG 都运行正常。它在任何浏览器中也能很好地呈现。

那么我遗漏了什么？

Answer 1

我确实有同样的行为：nautilus 甚至图像查看器（我认为它的名字是 EyeOfGnome）除了黑白之外没有渲染任何其他内容。

我玩了一下 SVG 文件，发现了问题：这些软件不解释 CSS。因此，所有使用 CSS 的样式都不会被渲染。更改<style>.myClass { fill: #aaa; }</style> <myElem class="myClass" />后<myElem fill="#aaa" />，您将在 Nautilus 中看到颜色。

注意：如果您打算仅在 Web 浏览器中使用这些图像，则无需这样做，它们具有 CSS 引擎，可以很好地呈现它们。