Utiliser Adobe Illustrator pour créer SVG Chemin à l'aide de “déplacer” les commandes

Ainsi, lorsque vous exportez un fichier Adobe Illustrator au format SVG, les chemins sont codées à l'aide de la SVG chemin de la syntaxe:

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

Si vous regardez sur le chemin "données" de l'élément, il est possible de "déplacer" les commandes intégrées dans un chemin:

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

En d'autres termes, vous tracez quelques lignes dans le chemin, ramasser le stylo et le déplacer ailleurs, et de continuer sur le même chemin.

J'ai été à essayer de comprendre comment faire cela dans Illustrator en vain. Vous pouvez ajouter un chemin d'accès existant, mais il semble que vous ne pouvez le faire que par l'extension du chemin à partir d'un des points de terminaison. Je ne veux pas faire ceci: j'ai envie de continuer le chemin à partir de quelque part d'autre.

Vous pouvez obtenir quelque chose comme ceci par le regroupement des deux chemins disjoints. Toutefois, lorsque Illustrator ne l'export svg, cela crée deux <path> balises et les met à l'intérieur d'un <g> balise qui n'est pas ce que je veux. Si je modifier manuellement un fichier svg avec un éditeur de texte, ajout de "déplacer" les commandes, et je les importer, il ressemble peut-être ce que l'Illustrateur est en train de faire est de créer un groupe, mais je ne peux pas dire car je ne sais pas comment sélectionner et de l'objet et de déterminer si c'est un groupe ou non.

InformationsquelleAutor eeeeaaii | 2011-09-11
  1. 7

    Je pense que le seul moyen serait de mak un chemin composé. Sélectionnez les deux chemins d'accès que vous souhaitez utiliser comme un seul chemin et aller à l'Objet > Composé Chemin > Faire.

    Si cela ne fonctionne pas alors c'est probablement pas possible. C'est la seule façon que je peux penser de non-contiguës de la trajectoire de même qu'il existe aussi loin que l'IA voit.

    InformationsquelleAutor prodigitalson
  2. 3

    1. Créer un fichier qui a un chemin à l'aide de déplacer-pour les commandes:

      <?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. Ouvrir ce fichier dans Illustrator. Notez qu'il existe un unique élément nommé <Compound Path> dans la palette Calques.

    3. Choisissez la commande Object > Compound Path > Release. Il y a maintenant deux chemins sélectionnés.

    4. Choisissez la commande Object > Compound Path > Make.

    5. Enregistrer en tant que fichier 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. Joie!

    InformationsquelleAutor Phrogz