Utilisez Adobe Illustrator pour créer SVG Path en utilisant les commandes" move to"

ainsi, lorsque vous exportez un fichier Adobe Illustrator au format SVG, les chemins sont encodés en utilisant la syntaxe SVG path:

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

si vous regardez l'élément "path data", il est possible d'avoir des commandes" move to "intégrées dans un path:

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

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

j'ai essayé de comprendre comment faire dans Illustrator en vain. Vous pouvez ajouter à un chemin existant, mais il semble que vous ne pouvez le faire qu'en prolongeant le chemin d'un des points terminaux. Je ne veux pas faire cela: je veux continuer le chemin d'ailleurs.

vous pouvez obtenir quelque chose comme ça en groupant deux chemins disjoints. Cependant quand Illustrator fait l'export svg, il crée juste deux balises et les place dans une balise , ce qui n'est pas ce que je veux. Si je modifie manuellement un fichier svg avec un éditeur de texte, en ajoutant des commandes "move to", et que je les Importe, Il semble que ce que fait Illustrator est de créer un groupe, mais je ne peux pas le dire parce que je ne sais pas comment sélectionner et objecter et comprendre si c'est un groupe ou non.

6
demandé sur Phrogz 2011-09-11 18:07:46

2 réponses

je pense que le seul moyen serait de tracer un chemin composé. Sélectionnez les deux chemins que vous voulez utiliser comme un seul chemin et allez à Object > Compound Path > Make.

si cela ne fonctionne pas, alors ce n'est probablement pas possible. C'est la seule façon dont je peux penser qu'un chemin non contigu existe aussi loin QU'AI le voit.

7
répondu prodigitalson 2011-09-12 15:46:58

  1. créez un fichier qui a un chemin en utilisant les commandes 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>

  2. ouvrir ce fichier en Illustrator. Notez qu'il y a un seul élément nommé <Compound Path> dans la palette des calques.

  3. choisir la commande Object > Compound Path > Release . Maintenant il y a deux chemins choisis.

  4. choisir 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. Cheer!

3
répondu Phrogz 2011-09-12 15:59:48