InkStitch - utilisation de base

De EduTech Wiki
Aller à la navigation Aller à la recherche

Les manipulations de bases

1.1 Dessiner un objet

Pour créer un objet, vous avez la possibilité d'utiliser le remplissage et le trait. Voir l'exemple ci-dessous accompagné du code SVG.

Un cercle avec un remplissage jaune et une bordure bleue
Un cercle avec un remplissage jaune et une bordure bleue

Le code SVG qui définit l'objet utilise le tag

circle
<circle
       style="opacity:1; fill:#ffff00; fill-opacity:1; stroke:#0000ff; stroke-width:5.92615652; stroke-miterlimit:4; stroke-dasharray:none; stroke-opacity:1"
       id="path4147"
       cx="123.99713"
       cy="650.45123"
       r="106.87944" />

Il est possible d'ouvrir l'éditeur d'arbre XML intégré si l'on souhaite vérifier le code (CTRL-SHIFT-X).

Fenêtre de l'éditeur XML
Fenêtre de l'éditeur XML

1.2 Step 2 - Convertir en chemin

Transformer tous les objets que vous souhaitez dans Stitch en chemin :

Sélectionner tous les objets avec le raccourci clavier CTRL+A

Puis aller dans le lien de menu Chemin > Objet en chemin

Un chemin SVG est représenté à l'aide de chiffres pour les positions et de nombres pour spécifier les formes et les déplacements, ce qui inclut aussi les courbes de Bézier et les Arcs. VOus n'avez pas besoin de comprendre comment cela fonctionne. Il faut simplement vous assurer que chaque objet que vous aimeriez coudre soient représentés par un chemin. Pour vérifier cela, ouvrez l'éditeur XML puis cliquez sur l'objet dans la scène de travail. Le code XML sera mis en surbrillance.

Transform all objects you want to stitch to paths:

  • Select all object(s), e.g. hit CTRL+A
  • Menu Path->Object to Path

An SVG Path includes both numbers representing positions and letters representing drawing and moving operations, including Bezier curves and Arcs. You do not need to understand how this works. Only make sure that all objects you plan to stitch are represented by a path. To check this, open the XML editor, then click on the object in the workspace. The XML code will be highlighted.