SVG 样式不适用于 Illustrator

Question

我正在 web app 中生成 SVG 并允许用户保存它； SVG 将样式嵌入到图像的 header 中。

当用户在浏览器中打开它时（在 Chrome 中测试）它的样式正确：

但是在 Illustrator 中似乎没有应用样式：

我错过了什么？下载实际的 SVG here.

Answer 1

问题确实出在 Illustrator 的 SVG 导入器上。

您可能必须在两个解决方案之间做出选择：

1. 告诉您的用户保存的 SVG 不适用于某些程序（例如 Illustrator）

2. 修改图形生成代码，使其不依赖于 CSS 类。

   例如：改变使用

   的元素

   class="link"
   

   要显式设置样式属性：

   fill="none" stroke="#aaa" stroke-width="2px"
   

或者您可以在网上的某个地方找到可以为您执行此操作的脚本。