我尝试了所有方法,但仍然无法让这些 SVG 文件显示为全黑的无光泽版本。图像周围的透明度很好,内部只是黑色。到目前为止,我发现的一切都是关于 SVG 在其他应用程序内变黑或在浏览器中错误渲染。我只希望图像在 UI 中正确显示(如果可行,也许可以将其用作图标或壁纸)。
SVG 上没有填充。没有驼峰式的属性名称。同一图像在 Windows 和 MacOSX 中显示正常。奇怪的是,GNOME 用于图标的所有内部 SVG 都运行正常。它在任何浏览器中也能很好地呈现。
那么我遗漏了什么?
答案1
我确实有同样的行为:nautilus 甚至图像查看器(我认为它的名字是 EyeOfGnome)除了黑白之外没有渲染任何其他内容。
我玩了一下 SVG 文件,发现了问题:这些软件不解释 CSS。因此,所有使用 CSS 的样式都不会被渲染。更改<style>.myClass { fill: #aaa; }</style> <myElem class="myClass" />
后<myElem fill="#aaa" />
,您将在 Nautilus 中看到颜色。
注意:如果您打算仅在 Web 浏览器中使用这些图像,则无需这样做,它们具有 CSS 引擎,可以很好地呈现它们。