从 Adobe Illustrator 导出 SVG 会生成奇怪的代码

Question

在我公司正在开发的应用程序中，需要将 Adobe Illustrator 生成的符号添加为 SVG 文件。这是一个漫长的开发过程，我们已经拥有了所需符号的 SVG 文件库。但现在我们需要对现有符号进行一些调整，由于我没有负责创建旧符号，因此尝试使用 Adobe Illustrator 导出它们。但一年后，现在当我导出到 SVG 时，代码看起来与以前不同。而做旧的那个人，一年前，已经离开公司了……

我们唯一知道的是，该人使用 Adobe Illustrator（未知变体）来制作它们。 所以这就是问题所在。这是来自同一符号的两个 SVG，在 Adobe Illustrator 中创建，使用相同的导出设置（希望如此）创建，可能使用不同的 Adobe Illustrator 版本，但代码看起来不同。现在你可能会问，问题出在哪里？好吧，根据应用程序的编码人员的说法，文件是否具有相对坐标或绝对坐标很重要，旧的 SVG 具有相对坐标，但新的 SVG 具有绝对坐标......

旧的 SVG 文件：

新的 SVG 文件：

如您所见，文件中存在一些差异。

<Style>

是不同的，旧的有干净的类别标签，但新的有一些疯狂的标签。 代码中的

<Path class>

也与大写和小写字母不同。 这是我们使用的 Adobe Illustrator 中的设置：

当然，您可能会发现更多差异，但我的问题是： 如何使用我在此处显示的旧 SVG 中的干净代码生成 SVG 文件？我究竟做错了什么？您需要更多信息吗？

提前致谢 乌尔夫

我尝试通过 Adobe Illustrator 28.3、Affinity Design 2.4、Inkcsape 1.3.2 导出符号。 所有程序都会生成完全不同的代码。

Answer 1

看起来旧的 SVG 经过了 后处理，使一切都变得

path

讲述故事的标志是

rect

所有设置最终都在（清晰可读）

d-path

https://jakearchibald.github.io/svgomg/可以进行转换