Wykorzystanie Adobe Illustrator do tworzenia ścieżki SVG używając „przenieść się” Polecenia

Question

Więc kiedy wyeksportować plik Adobe Illustrator do formatu SVG, ścieżki są kodowane przy użyciu składni ścieżki SVG:

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

Jeśli spojrzeć na Element „ścieżka danych”, to możliwe, aby mieć „Przenieś do” poleceń zawartych w ścieżce:

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

innymi słowy, narysować kilka linii w ścieżce, podnieś pióro i przenieść go gdzie indziej i cd na tej samej ścieżce.

Próbowałem dowiedzieć się, jak to zrobić w Illustrator bezskutecznie. Możesz dodać do istniejącej ścieżki, ale wydaje się, że możesz to zrobić tylko przez rozszerzenie ścieżki z jednego z punktów końcowych. Nie chcę tego robić: chcę kontynuować ścieżkę z innego miejsca.

Możesz uzyskać coś w rodzaju: grupowanie dwóch rozłącznych ścieżek. Jednak gdy program Illustrator wykona eksport svg, tworzy po prostu dwa znaczniki < ścieżki i umieszcza je wewnątrz znacznika <g>, co nie jest tym, czego chcę. Jeśli ręcznie edytuję plik svg za pomocą edytora tekstu, dodając polecenia "przenieś do", a ja je zaimportuję, wygląda na to, że może to, co robi Illustrator, to tworzenie grupy, ale nie mogę powiedzieć, bo nie wiem, jak wybrać i obiekt i dowiedzieć się, czy jest to grupa, czy nie.

Answer 1

Myślę, że jedynym sposobem byłoby stworzenie ścieżki złożonej. Wybierz obie ścieżki, które mają być używane jako pojedyncza ścieżka i przejdź do opcji Obiekt> Ścieżka złożona> Utwórz.

Jeśli to nie zadziała, prawdopodobnie nie będzie możliwe. Jest to jedyny sposób, w jaki mogę myśleć o tym, w którym nieciągłej ścieżce istnieje nawet tak długo, jak AI ją widzi.

Answer 2

1. Utwórz plik, który ma ścieżkę przy użyciu Przenieś do poleceń:

   <?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. otworzyć ten plik w programie Illustrator. Zauważ, że istnieje jeden element o nazwie <Compound Path> w palecie Warstwy.

3. Wybierz polecenie Object > Compound Path > Release. Teraz są wybrane dwie ścieżki.

4. Wybierz polecenie Object > Compound Path > Make.

5. Zapisz jako plik 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. Cheer!