TechDraw TemplateHowTo/fr: Difference between revisions

From FreeCAD Documentation
No edit summary
(Created page with "Voir une discussion sur Stackoverflow à l'adresse [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files removing transform clauses in SVG files].")
(32 intermediate revisions by the same user not shown)
Line 11: Line 11:
== Introduction ==
== Introduction ==


This tutorial shows you how to create an [[SVG]] file that can be used as the background [[TechDraw Templates|template]] for the [[TechDraw Workbench]] pages.
Ce tutoriel explique comment créer un fichier [[SVG/fr|SVG]] pouvant être utilisé comme arrière-plan [[TechDraw Templates/fr|modèle]] pour les pages de l'[[TechDraw Workbench/fr|Atelier Techdraw]].


Ce tutoriel suppose que vous connaissez moyennement [https://fr.wikipedia.org/wiki/Inkscape] et [[SVG/fr|SVG]], ainsi que FreeCAD et l'[[TechDraw Workbench/fr|atelier TechDraw]].
<div class="mw-translate-fuzzy">
Ce manuel suppose que vous connaissez FreeCAD, Inkscape et Svg.
</div>


Nous allons créer un modèle simple pour le papier de format Lettre US en orientation paysage.
<div class="mw-translate-fuzzy">
Nous allons créer un modèle simple pour le papier de format Lettre US en orientation paysage. Une copie du résultat de ce HowTo est disponible dans votre répertoire FreeCAD Template (HowToExample.svg).
</div>


Une copie du résultat de ce tutoriel est disponible dans
A copy of the result of this tutorial is available in
{{Code|code=
{{Code|code=
$INSTALL_DIR/Mod/TechDraw/Templates/HowToExample.svg
$INSTALL_DIR/Mod/TechDraw/Templates/HowToExample.svg
}}
}}


Where {{incode|$INSTALL_DIR}} is the directory where FreeCAD was installed, for example
{{incode|$INSTALL_DIR}} est le répertoire FreeCAD a été installé, par exemple
{{Code|code=
{{Code|code=
/usr/share/freecad/Mod/TechDraw/Templates/HowToExample.svg
/usr/share/freecad/Mod/TechDraw/Templates/HowToExample.svg
}}
}}


==Créer un document de base==
<div class="mw-translate-fuzzy">
__NOTOC__
===Comment créer un modèle TechDraw===
</div>


1. Ouvrez un nouveau document dans Inkscape.
<div class="mw-translate-fuzzy">
* ouvrir un nouveau document dans Inkscape
* dans les propriétés du document
** sélectionnez une taille de page (lettre US) et l'orientation (paysage)
** définir les unités par défaut et les unités de taille de page en mm (279,4 x 215,9)
[[File:InkDocProp.png|800px|centre]]
<br/>
* utiliser l'éditeur XML pour ajouter une clause d'espace de noms freecad à l'élément <svg>
** xmlns: freecad = "http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace"
[[File: InkXMLNameSpace.png|800px|centre]]
<br/>
* dessiner des contours, des numéros de zone, des axes, etc.
* dessine les cases et les lignes pour le cartouche.
* ajouter et positionner votre texte statique
* ajoutez et positionnez votre texte éditable
* vous avez maintenant votre œuvre terminée - quelque chose comme ceci:
[[File: InkFinishedArt.png|800px|centre]]
<br/>
* utiliser l'éditeur XML pour ajouter une balise "freecad: editable" à chaque élément <text> éditable
** attribuer un nom de champ significatif à chaque texte modifiable
[[File: InkXMLeditableTag.png|800px|center]]
<br/>
* utilisez l'éditeur XML pour ajuster la vue pour qu'elle corresponde à la taille de votre page en mm
[[File: InkXMLviewBox.png|800px|center]]
<br/>
* Votre modèle apparaîtra maintenant beaucoup trop grand.
[[File: InkMuchTooBig.png|800px|centre]]
<br/>
* Nous devons le réduire.
** Modifier> Sélectionner tout dans tous les calques (ou sélectionner la case pour s'assurer de tout sélectionner)
** ajuster les W: et H: spinboxes pour correspondre à la taille de votre œuvre en mm
*** taille de la page moins les marges applicables
** utilisez les boîtes de sélection "Aligner et distribuer" ou X / Y pour positionner l'illustration sur la page si nécessaire.
** Votre modèle devrait maintenant avoir l'air juste, comme il l'a fait dans l'image d'art fini ci-dessus.
<br/>
* Assurez-vous que tous vos textes modifiables sont "dissociés" (shift-ctl-g)
* sélectionnez tout sur votre page (zone de sélection ou Modifier> Sélectionner tout) et Edition> Copier
* Calque> Supprimer le calque courant
* Modifier> Coller sur place
<br/>
* Votre modèle devrait maintenant regarder à droite et ne devrait pas avoir de transformations indésirables
* Enregistrez votre modèle
* Essayez-le dans FreeCAD.
[[File:FCTemplateHow.png|center]]
<br/>
</div>


2. Dans les propriétés du document
2. In Document Properties
* Select page size "US Letter" and orientation "landscape".
* Sélectionnez le format de page "Lettre US" et l'orientation "Paysage".
* Set default units to "mm", and the page size to width "279.4" and height "215.9".
* Définissez les unités par défaut sur "mm" et le format de page sur les largeurs "279.4" et les "215.9".
[[Image:InkDocProp.png|800px|center]]
[[Image:InkDocProp.png|800px|center]]
{{Caption|align=center|Inskcape: document with page size and orientation}}
{{Caption|align=center|Inskcape: document avec la taille et l'orientation de la page}}
{{clear}}
{{clear}}


3. Use the XML Editor to add a "freecad" namespace clause to the {{incode|<svg>}} item.
3. Utilisez l'éditeur XML pour ajouter une clause d'espace de noms "freecad" à l'élément {{incode|<svg>}}.
* <code>xmlns:freecad="http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace"</code>.
* <code>xmlns:freecad="http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace"</code>.
[[File:InkXMLNameSpace.png|800px|center]]
[[File:InkXMLNameSpace.png|800px|center]]
{{Caption|align=center|Inkscape: XML Editor adding the "freecad" namespace clause to the <svg> item}}
{{Caption|align=center|Inkscape: éditeur XML ajoutant la clause d'espace de noms "freecad" à l'élément <svg>}}
{{clear}}
{{clear}}


== Create template drawing ==
== Créer un modèle de dessin ==


4. Tracez des contours, des numéros de zone, des lignes centrales et autre géométrie.
4. Draw outlines, zone numbers, center lines, and other geometry.


5. Dessinez les cases et les lignes du cartouche.
5. Draw the boxes and lines for the title block.


6. Ajoutez et positionnez votre texte statique.
6. Add and position your static text.


7. Ajoutez et positionnez le texte qui sera éditable.
7. Add and position the text that will be editable.


8. Vous avez maintenant terminé votre illustration, qui devrait ressembler à ceci:
8. You now have your finished artwork, that should look something like this:
[[File:InkFinishedArt.png|800px|center]]
[[File:InkFinishedArt.png|800px|center]]
{{Caption|align=center|Inkscape: tentative template layout}}
{{Caption|align=center|Inkscape: disposition provisoire du modèle}}
{{clear}}
{{clear}}


== Créer des champs modifiables ==
== Create editable fields ==


9. Use the XML Editor to add a {{incode|freecad:editable}} tag to each editable {{incode|<text>}} item.
9. Utilisez l'éditeur XML pour ajouter une balise {{incode|freecad:editable}} à chaque élément {{incode|<text>}} éditable.
* Attribuez un nom de champ significatif à chaque texte modifiable.
* Assign a meaningful field name to each editable text.
[[File:InkXMLeditableTag.png|800px|center]]
[[File:InkXMLeditableTag.png|800px|center]]
{{Caption|align=center|Inkscape: XML Editor adding the "freecad:editable" property to the desired <text> item}}
{{Caption|align=center|Inkscape: éditeur XML ajoute la propriété "freecad:editable" à l'élément <text> souhaitée}}
{{clear}}
{{clear}}


== Adjust size of the SVG ==
== Ajuster la taille du SVG ==


10. Use the XML editor to adjust the {{incode|viewBox}} attribute to match your page size in millimeters.
10. Utilisez l'éditeur XML pour ajuster l'attribut {{incode|viewBox}} afin qu'il corresponde à la taille de votre page en millimètres.
* It is four values, in the format {{incode|"0 0 width height"}}
* Il s'agit de quatre valeurs, au format {{incode|"0 0 width height"}}
[[File:InkXMLviewBox.png|800px|center]]
[[File:InkXMLviewBox.png|800px|center]]
{{Caption|align=center|Inkscape: XML Editor adjusting the viewbox to match the page size in millimeters}}
{{Caption|align=center|Inkscape: l'éditeur XML ajuste la zone d'affichage pour qu'elle corresponde à la taille de la page en millimètres}}
{{clear}}
{{clear}}


11. Votre modèle apparaîtra maintenant beaucoup plus gros que souhaité.
11. Your template will now appear much bigger than desired.
[[File:InkMuchTooBig.png|800px|center]]
[[File:InkMuchTooBig.png|800px|center]]
{{Caption|align=center|Inkscape: tentative template layout exceeding the page size}}
{{Caption|align=center|Inkscape: mise en page provisoire du modèle dépassant la taille de la page}}
{{clear}}
{{clear}}


12. We need to shrink it.
12. Nous devons le réduire.
* {{MenuCommand|Edit → Select All in All Layers}}, or box select and select all.
* {{MenuCommand | Edit → Tout sélectionner dans tous les calques}}, ou à partir de la boîte de sélection, sélectionnez tout.
* Adjust the {{Button|W:}} and {{Button|H:}} spinboxes to match your artwork's size in millimeters.
* Ajustez les boutons {{Button|W:}} et {{Button|H:}} à la taille de votre illustration en millimètres.
* Set it to the page size less any applicable margins, for example, {{Button|W: 250}}, and {{Button|H: 200}}.
* Définissez la taille de la page moins les marges applicables, par exemple, {{Button|W: 250}} et {{Button|H: 200}}.


13. Use "Align and Distribute" or the {{Button|X:}} and {{Button|Y:}} spinboxes to position the artwork within the limits of the page if required.
13. Utilisez "Aligner et répartir" ou les sélections {{Button|X:}} et {{Button|Y:}} pour positionner l'illustration dans les limites de la page, si nécessaire.


14. Votre modèle devrait maintenant être correct comme dans l'image ci-dessus.
14. Your template should now look right, just like it did in the finished artwork picture above.


== Remove transformans on the SVG ==
== Supprimer les transformants sur le SVG ==


15. Ensure that all your editable texts are "ungrouped" with {{KEY|Shift}}+{{KEY|Ctrl}}+{{KEY|g}}.
15. Assurez-vous que tous vos textes modifiables sont "dissociés" avec {{KEY|Shift}}+{{KEY|Ctrl}}+{{KEY|g}}.


16. Select everything on your page, {{MenuCommand|Edit → Select All}}, and then {{MenuCommand|Edit → Copy}}.
16. Sélectionner tout sur votre page, {{MenuCommand|Edit → Select All}} puis {{MenuCommand|Edit → Copy}}.


17. Then delete the current layer, {{MenuCommand|Layer → Delete Current Layer}}.
17. Supprimez ensuite le calque actuel, {{MenuCommand|Layer → Delete Current Layer}}.


18. Then paste, {{MenuCommand|Edit → Paste in Place}}.
18. Puis copiez, {{MenuCommand|Edit → Paste in Place}}.


19. Votre modèle devrait maintenant être correct et ne devrait pas avoir de transformations indésirables.
19. Your template should now look right and shouldn't have any unwanted transforms.


20. Save your template.
20. Enregistrez votre modèle.


21. Try it in FreeCAD and [[TechDraw Workbench]] with [[TechDraw New Pick]].
21. Essayez-le dans FreeCAD et dans l'[[TechDraw Workbench/fr|atelier TechDraw]] avec [[TechDraw New Pick/fr|Nouvelle page selon modèle TechDraw]].
[[File:FCTemplateHow.png|center]]
[[File:FCTemplateHow.png|center]]
{{Caption|align=center|FreeCAD: finished template with an editable text field being modified}}
{{Caption|align=center|FreeCAD: modèle fini avec un champ de texte modifiable en cours de modification}}
{{clear}}
{{clear}}


== Notes ==
<div class="mw-translate-fuzzy">
N'utilisez pas les calques dans Inkscape tant que vous n'avez pas maîtrisé la création de modèles. Les calques et les groupes peuvent automatiquement insérer des transformations non désirées dans votre fichier [[SVG/fr|SVG]].
===Notes===
- N'utilisez pas les calques tant que vous n'avez pas maîtrisé la création de modèles sans eux. Les calques (et les groupes) peuvent automatiquement insérer des transformations indésirables dans votre fichier SVG.
</div>


See a Stackoverflow discussion on [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files removing transform clauses in SVG files].
Voir une discussion sur Stackoverflow à l'adresse [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files removing transform clauses in SVG files].





Revision as of 08:19, 17 August 2019

Other languages:
Tutoriel
Thème
Drafting
Niveau
Intermédiaire
Temps d'exécution estimé
60 minutes
Auteurs
wandererfan
Version de FreeCAD
0.17
Fichiers exemples
None
Voir aussi
None

Introduction

Ce tutoriel explique comment créer un fichier SVG pouvant être utilisé comme arrière-plan modèle pour les pages de l'Atelier Techdraw.

Ce tutoriel suppose que vous connaissez moyennement [1] et SVG, ainsi que FreeCAD et l'atelier TechDraw.

Nous allons créer un modèle simple pour le papier de format Lettre US en orientation paysage.

Une copie du résultat de ce tutoriel est disponible dans

$INSTALL_DIR/Mod/TechDraw/Templates/HowToExample.svg

$INSTALL_DIR est le répertoire où FreeCAD a été installé, par exemple

/usr/share/freecad/Mod/TechDraw/Templates/HowToExample.svg

Créer un document de base

1. Ouvrez un nouveau document dans Inkscape.

2. Dans les propriétés du document

  • Sélectionnez le format de page "Lettre US" et l'orientation "Paysage".
  • Définissez les unités par défaut sur "mm" et le format de page sur les largeurs "279.4" et les "215.9".

Inskcape: document avec la taille et l'orientation de la page

3. Utilisez l'éditeur XML pour ajouter une clause d'espace de noms "freecad" à l'élément <svg>.

Inkscape: éditeur XML ajoutant la clause d'espace de noms "freecad" à l'élément <svg>

Créer un modèle de dessin

4. Tracez des contours, des numéros de zone, des lignes centrales et autre géométrie.

5. Dessinez les cases et les lignes du cartouche.

6. Ajoutez et positionnez votre texte statique.

7. Ajoutez et positionnez le texte qui sera éditable.

8. Vous avez maintenant terminé votre illustration, qui devrait ressembler à ceci:

Inkscape: disposition provisoire du modèle

Créer des champs modifiables

9. Utilisez l'éditeur XML pour ajouter une balise freecad:editable à chaque élément <text> éditable.

  • Attribuez un nom de champ significatif à chaque texte modifiable.

Inkscape: éditeur XML ajoute la propriété "freecad:editable" à l'élément <text> souhaitée

Ajuster la taille du SVG

10. Utilisez l'éditeur XML pour ajuster l'attribut viewBox afin qu'il corresponde à la taille de votre page en millimètres.

  • Il s'agit de quatre valeurs, au format "0 0 width height"

Inkscape: l'éditeur XML ajuste la zone d'affichage pour qu'elle corresponde à la taille de la page en millimètres

11. Votre modèle apparaîtra maintenant beaucoup plus gros que souhaité.

Inkscape: mise en page provisoire du modèle dépassant la taille de la page

12. Nous devons le réduire.

  • Edit → Tout sélectionner dans tous les calques, ou à partir de la boîte de sélection, sélectionnez tout.
  • Ajustez les boutons W: et H: à la taille de votre illustration en millimètres.
  • Définissez la taille de la page moins les marges applicables, par exemple, W: 250 et H: 200.

13. Utilisez "Aligner et répartir" ou les sélections X: et Y: pour positionner l'illustration dans les limites de la page, si nécessaire.

14. Votre modèle devrait maintenant être correct comme dans l'image ci-dessus.

Supprimer les transformants sur le SVG

15. Assurez-vous que tous vos textes modifiables sont "dissociés" avec Shift+Ctrl+g.

16. Sélectionner tout sur votre page, Edit → Select All puis Edit → Copy.

17. Supprimez ensuite le calque actuel, Layer → Delete Current Layer.

18. Puis copiez, Edit → Paste in Place.

19. Votre modèle devrait maintenant être correct et ne devrait pas avoir de transformations indésirables.

20. Enregistrez votre modèle.

21. Essayez-le dans FreeCAD et dans l'atelier TechDraw avec Nouvelle page selon modèle TechDraw.

FreeCAD: modèle fini avec un champ de texte modifiable en cours de modification

Notes

N'utilisez pas les calques dans Inkscape tant que vous n'avez pas maîtrisé la création de modèles. Les calques et les groupes peuvent automatiquement insérer des transformations non désirées dans votre fichier SVG.

Voir une discussion sur Stackoverflow à l'adresse removing transform clauses in SVG files.