class - Illustrator将类添加到svg组

时间：2015-12-04 13:48:53

标签： class svg adobe-illustrator

我已经搜索了几个小时来找到一个解决方案，用于在group元素上导出带有类的SVG。这件事有可能吗？

我找到了一个程序inkscape，它可以在XML模式下编辑并添加属性。问题是inkscape在Web中插入了太多的垃圾代码。

可以在插图画家或程序中完成，其中SVG保持干净的代码。

编辑 - 2015年12月6日

目前还没有一个好的程序解决方案，最好的工具是inkscape。

为此，您需要在程序中使用 XML ediotor ，因此它不是非常用户友好，它在SVG中包含太多标记。

答案 0 :(得分：1)

This是Adobe关于如何从Illustrator CC导出SVG的解释。

但他们并没有提到课程。

ID怎么样？可能同样有用

Illustrator包装g元素中的每一层，该元素从图层的名称中获取其ID。

您可以使用它来相应地构建您的svg，并使用您想要的ID获取每组元素。

我认为最新版本的AI会发出相当干净的代码。

但您可以使用在线tool对其进行优化。

答案 1 :(得分：0)

刚刚找到它，为了正确命名元素类，你必须为每个类创建一个图形样式，然后将它们添加到你想要的那些类的路径/形状。另外，请确保选择“更多选项”。在SVG导出窗口中，＆＃39;样式元素＆＃34;为CSS属性选择。除非您稍后编码，否则无需包含未使用的图形样式。