Question

因此，当您将Adobe Illustrator文件导出为SVG格式时，路径将使用SVG路径语法进行编码：

http://www.w3.org/TR/SVG/paths.html

如果查看“path data”元素，可以将“移动到”命令嵌入到路径中：

http://www.w3.org/TR/SVG/paths.html#PathData

换句话说，你在路径中绘制几条线，拿起笔并将其移动到其他地方，然后继续相同的路径。

我一直试图弄清楚如何在Illustrator中做到这一点无济于事。您可以添加到现有路径，但似乎您只能通过从其中一个端点扩展路径来执行此操作。我不想这样做：我想从其他地方继续前进。

你可以通过分组两个不相交的路径来得到类似的东西。但是当Illustrator执行svg导出时，它只会创建两个＆lt; path＆gt;标签并将它们放在＆lt; g＆gt;中标签不是我想要的。如果我用文本编辑器手动编辑svg文件，添加“移动到”命令，然后我导入它们，看起来像Illustrator正在做的是创建一个组，但我不知道因为我不知道如何选择和反对并弄清楚它是否是一个群体。

Answer 1

我认为唯一的方法就是制定复合路径。选择要用作单个路径的两个路径，然后转到对象＆gt; <复合路径>使

如果这不起作用那么它可能是不可能的。这是我能想到的唯一方法，就AI而言，它甚至可以存在非连续路径。

Answer 2

使用移动命令创建具有路径的文件：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     viewBox="-25 -25 100 100">
  <path d="M0,0 L50,0 M50,50 L0,50" stroke="black" />
</svg>

在Illustrator中打开此文件。请注意，“图层”调板中有一个名为<Compound Path>的元素。
选择命令Object > Compound Path > Release。现在选择了两条路径。
选择命令Object > Compound Path > Make。

另存为SVG文件：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="612px" height="792px" viewBox="0 0 612 792"
     enable-background="new 0 0 612 792" xml:space="preserve">
  <path stroke="#000000" d="M128,218h306 M434,524H128"/>
</svg>

振作！

使用Adobe Illustrator使用“移动到”命令创建SVG路径

2 个答案: