Sử dụng Adobe Illustrator để tạo ra SVG Đường dẫn sử dụng "chuyển sang" lệnh

Question

Vì vậy, khi bạn xuất một file Adobe Illustrator sang định dạng SVG, đường dẫn được mã hóa bằng cách sử dụng cú pháp đường SVG:

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

Nếu bạn nhìn vào các yếu tố "đường dẫn dữ liệu", nó có thể có "chuyển sang" lệnh nhúng vào một con đường:

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

Nói cách khác, bạn vẽ một vài dòng trong đường dẫn, nhấc bút và di chuyển nó ở một nơi khác, và tiếp cùng một con đường.

Tôi đã cố gắng tìm ra cách để làm điều này trong Illustrator để không có kết quả. Bạn có thể thêm vào một đường dẫn hiện có nhưng có vẻ như bạn chỉ có thể thực hiện điều này bằng cách mở rộng đường dẫn từ một trong các điểm cuối. Tôi không muốn làm điều này: Tôi muốn tiếp tục con đường từ nơi khác.

Bạn có thể nhận được thứ gì đó giống như thế này bằng cách nhóm hai đường dẫn rời nhau. Tuy nhiên khi Illustrator thực hiện việc xuất khẩu svg nó chỉ tạo ra hai thẻ < > và đặt chúng bên trong một thẻ <g> mà không phải là những gì tôi muốn. Nếu tôi tự chỉnh sửa tệp svg bằng trình soạn thảo văn bản, thêm lệnh "di chuyển đến" và tôi nhập chúng, có vẻ như những gì Illustrator đang làm là tạo nhóm, nhưng tôi không thể biết vì tôi không biết để chọn và đối tượng và tìm ra nếu nó là một nhóm hay không.

Answer 1

Tôi nghĩ cách duy nhất là tạo một con đường ghép. Chọn cả hai đường dẫn bạn muốn sử dụng như một đường dẫn duy nhất và đi đến Object> Compound Path> Make.

Nếu điều này không hoạt động thì có thể là không thể. Đây là cách duy nhất tôi có thể nghĩ đến trong đó một con đường không tiếp giáp thậm chí sẽ tồn tại xa như AI thấy nó.

Answer 2

1. Tạo một file mà có một con đường sử dụng di chuyển đến lệnh:

   <?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. mở tập tin này trong Illustrator. Lưu ý rằng có một phần tử đơn có tên là <Compound Path> trong bảng Layers.

3. Chọn lệnh Object > Compound Path > Release. Bây giờ có hai đường dẫn được chọn.

4. Chọn lệnh Object > Compound Path > Make.

5. Save as SVG file:

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