svg - 使用 Adob​​e Illustrator 使用“移动到”命令创建 SVG 路径

Question

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

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

如果您查看“路径数据”元素，则可以将“移动到”命令嵌入到路径中：

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

换句话说，您在路径上画几条线，拿起笔并将其移到其他地方，然后继续相同的路径。

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

您可以通过对两条不相交的路径进行分组来获得类似的结果。但是，当 Illustrator 进行 svg 导出时，它只会创建两个 <path> 标记并将它们放在一个 <g> 标记中，这不是我想要的。如果我使用文本编辑器手动编辑 svg 文件，添加“移动到”命令，然后导入它们，看起来 Illustrator 正在做的可能是创建一个组，但我不知道，因为我不知道如何选择和反对并确定它是否是一个组。

Answer 1

我认为唯一的方法是制作一条复合路径。选择要用作单个路径的两条路径，然后转到对象>复合路径>制作。

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

Answer 2

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

   <?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>
   

2. 在 Illustrator 中打开此文件。请注意，<Compound Path>在“图层”面板中命名了一个元素。

3. 选择命令Object > Compound Path > Release。现在选择了两条路径。

4. 选择命令Object > Compound Path > Make。

5. 另存为 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>
   

6. 欢呼！