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

 

因此，当您将Adobe 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文件，添加“move to”命令，然后导入它们，看起来Illustrator正在创建一个组，但我无法说出，因为我不知道如何选择并反对并确定它是否是一个组。

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

如果这不起作用，那么它可能不可能。 这是我能想到的唯一途径，即人工智能所看到的非连续路径甚至会存在。

  • 使用move-to命令创建一个包含路径的文件： 

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

  • 欢呼！

    • 链接地址: http://www.djcxy.com/p/17151.html

    上一篇: Use Adobe Illustrator to create SVG Path using "move to" commands

    下一篇: Configure app for Ipad