Используйте Adobe Illustrator для создания SVG Path с помощью команд «перейти к» - PullRequest
Новая
       38

Используйте Adobe Illustrator для создания SVG Path с помощью команд «перейти к»

6 голосов
/ 11 сентября 2011

Поэтому при экспорте файла Adobe Illustrator в формат SVG пути кодируются с использованием синтаксиса пути SVG:

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

Если вы посмотрите на элемент «path data», то в команду можно встроить команды «move to»:

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

Другими словами, вы рисуете несколько линий на пути, поднимаете ручку и перемещаете ее куда-то еще, и продолжаете тот же путь.

Я пытался понять, как это сделать в Illustrator, но безрезультатно. Вы можете добавить существующий путь, но кажется, что вы можете сделать это только путем расширения пути от одной из конечных точек. Я не хочу этого делать: я хочу продолжить путь откуда-то еще.

Вы можете получить что-то вроде этого, сгруппировав два непересекающихся пути. Однако когда Illustrator выполняет экспорт svg, он просто создает два тега и помещает их в тег , что мне не нужно. Если я вручную редактирую файл SVG с помощью текстового редактора, добавляю команды «перейти к» и импортирую их, похоже, что, возможно, Illustrator создает группу, но я не могу сказать, потому что не знаю, как выбрать и возразить, и выяснить, является ли это группа или нет.

Ответы [ 2 ]

7 голосов
/ 11 сентября 2011

Я думаю, что единственный способ - составить сложный путь.Выберите оба пути, которые вы хотите использовать в качестве одного, и перейдите в Object> Compound Path> Make.

Если это не работает, то, вероятно, это невозможно.Это единственный способ, которым я могу придумать, когда несмежный путь существует даже настолько, насколько его видит ИИ.

3 голосов
/ 12 сентября 2011

  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. унывайте!

...