6

因此,当您将 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 正在做的可能是创建一个组,但我不知道,因为我不知道如何选择和反对并确定它是否是一个组。

4

2 回答 2

7

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

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

于 2011-09-11T14:28:39.853 回答
3
  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. 欢呼!

于 2011-09-12T15:59:48.763 回答