SVG 在浏览器中正常但在 Illustrator 或 InkScape 中损坏(仅显示黑框)

SVG fine in browsers but broken (just shows a black box) in Illustrator or InkScape

我遇到了一个程序生成的 SVG 文件的问题。它们验证良好,在浏览器和 OS X 预览中显示良好,但在 Illustrator 或 InkScape 或各种其他程序中显示为大黑框。

我怀疑与透明度或不支持的标签或其他问题有关,但我真的不知道是什么 - 粗略地看一眼看起来不错...

有数百个这样的。我可以写一个脚本来纠正它们,但我不知道要纠正什么...!

Original SVG

How it looks in Illustrator or InkScape

最大

不支持使用 rgba 语法进行填充。尝试使用 rgb 值,例如rgb(255, 255, 255),十六进制颜色,例如#ffffff 或命名的颜色,例如white.

无论如何您都不需要 a,因为您的不透明度始终为 1,如果您这样做了,指定一个单独的填充不透明度值会更便于携带。