TechDraw TemplateHowTo/fr: Difference between revisions
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 == |
||
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> |
|||
⚫ | |||
<div class="mw-translate-fuzzy"> |
|||
⚫ | |||
</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 |
||
}} |
}} |
||
Où {{incode|$INSTALL_DIR}} est le répertoire où 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> |
|||
⚫ | |||
<div class="mw-translate-fuzzy"> |
|||
⚫ | |||
⚫ | |||
** 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/> |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
* 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 |
|||
⚫ | |||
[[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/> |
|||
⚫ | |||
[[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. |
|||
⚫ | |||
<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/> |
|||
⚫ | |||
* Enregistrez votre modèle |
|||
* Essayez-le dans FreeCAD. |
|||
[[File:FCTemplateHow.png|center]] |
|||
<br/> |
|||
</div> |
|||
⚫ | |||
2. In Document Properties |
|||
* |
* 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". |
||
[[Image:InkDocProp.png|800px|center]] |
[[Image:InkDocProp.png|800px|center]] |
||
{{Caption|align=center|Inskcape: document |
{{Caption|align=center|Inskcape: document avec la taille et l'orientation de la page}} |
||
{{clear}} |
{{clear}} |
||
3. |
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 |
{{Caption|align=center|Inkscape: éditeur XML ajoutant la clause d'espace de noms "freecad" à l'élément <svg>}} |
||
{{clear}} |
{{clear}} |
||
== |
== Créer un modèle de dessin == |
||
⚫ | |||
4. Draw outlines, zone numbers, center lines, and other geometry. |
|||
⚫ | |||
5. Draw the boxes and lines for the title block. |
|||
⚫ | |||
6. Add and position your static text. |
|||
⚫ | |||
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: |
{{Caption|align=center|Inkscape: disposition provisoire du modèle}} |
||
{{clear}} |
{{clear}} |
||
== Créer des champs modifiables == |
|||
== Create editable fields == |
|||
9. |
9. Utilisez l'éditeur XML pour ajouter une balise {{incode|freecad:editable}} à chaque élément {{incode|<text>}} éditable. |
||
⚫ | |||
* Assign a meaningful field name to each editable text. |
|||
[[File:InkXMLeditableTag.png|800px|center]] |
[[File:InkXMLeditableTag.png|800px|center]] |
||
{{Caption|align=center|Inkscape: XML |
{{Caption|align=center|Inkscape: éditeur XML ajoute la propriété "freecad:editable" à l'élément <text> souhaitée}} |
||
{{clear}} |
{{clear}} |
||
== |
== Ajuster la taille du SVG == |
||
10. |
10. Utilisez l'éditeur XML pour ajuster l'attribut {{incode|viewBox}} afin qu'il corresponde à la taille de votre page en millimètres. |
||
* |
* 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 |
{{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. Your template will now appear much bigger than desired. |
|||
[[File:InkMuchTooBig.png|800px|center]] |
[[File:InkMuchTooBig.png|800px|center]] |
||
{{Caption|align=center|Inkscape: |
{{Caption|align=center|Inkscape: mise en page provisoire du modèle dépassant la taille de la page}} |
||
{{clear}} |
{{clear}} |
||
12. |
12. Nous devons le réduire. |
||
* {{MenuCommand|Edit → |
* {{MenuCommand | Edit → Tout sélectionner dans tous les calques}}, ou à partir de la boîte de sélection, sélectionnez tout. |
||
* |
* Ajustez les boutons {{Button|W:}} et {{Button|H:}} à la taille de votre illustration en millimètres. |
||
* |
* Définissez la taille de la page moins les marges applicables, par exemple, {{Button|W: 250}} et {{Button|H: 200}}. |
||
13. |
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. Your template should now look right, just like it did in the finished artwork picture above. |
|||
== |
== Supprimer les transformants sur le SVG == |
||
15. |
15. Assurez-vous que tous vos textes modifiables sont "dissociés" avec {{KEY|Shift}}+{{KEY|Ctrl}}+{{KEY|g}}. |
||
16. |
16. Sélectionner tout sur votre page, {{MenuCommand|Edit → Select All}} puis {{MenuCommand|Edit → Copy}}. |
||
17. |
17. Supprimez ensuite le calque actuel, {{MenuCommand|Layer → Delete Current Layer}}. |
||
18. |
18. Puis copiez, {{MenuCommand|Edit → Paste in Place}}. |
||
⚫ | |||
19. Your template should now look right and shouldn't have any unwanted transforms. |
|||
20. |
20. Enregistrez votre modèle. |
||
21. |
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: |
{{Caption|align=center|FreeCAD: modèle fini avec un champ de texte modifiable en cours de modification}} |
||
{{clear}} |
{{clear}} |
||
⚫ | |||
<div class="mw-translate-fuzzy"> |
|||
⚫ | |||
⚫ | |||
⚫ | |||
</div> |
|||
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
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
Où $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>
.
xmlns:freecad="http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace"
.
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.
- Pages : Page par défaut, Page à partir d'un modèle, Redessiner une page, Tout imprimer
- Vues : Vue, Vue active, Groupe de projections, Vue en coupe, Vue en coupe complexe, Vue détaillée, Vue d'un objet Draft, Vue d'un objet Arch, Vue d'un objet Spreadsheet, Déplacer une vue, Copier une vue, Projection de forme
- Empilement : Empiler en haut, Empiler en bas, Empiler vers le haut, Empiler vers le bas
- Rognages : Fenêtre de rognage, Ajout vue dans une fenêtre de rognage, Suppression vue d'une fenêtre de rognage
- Décorations : Hachures par motif, Hachures géométriques, Symbole, Image, Bascule des cadres
- Cotes : Cote de longueur, Cote horizontale, Cote verticale, Cote de rayon, Cote de diamètre, Cote angulaire, Cote angulaire par 3 points, Cote étendue horizontale, Cote étendue verticale, Lier une cote, Infobulle, Cote axonométrique, Cote à partir des points du repère, Réparation des cotes
- Annotations : Annotation, Ligne de référence, Annotation texte enrichi, Point cosmétique, Points médians, Sommets quadrants, Ligne centrale à une face, Ligne centrale entre 2 lignes, Ligne centrale entre 2 points, Ligne cosmétique par 2 points, Cercle cosmétique, Gomme, Apparence des lignes, Montrer tout, Soudure, Symbole d'état de surface, Tolérance de trou/d'arbre
- Extensions :
- Attributs et modifications : Sélection des attributs, Modification des attributs, Prolonger, Raccourcir, Verrouiller/déverrouiller, Position d'une vue en coupe, Aligner horizontalement, Aligner verticalement, Aligner obliquemement, Cascade horizontale, Cascade verticale, Cascade oblique, Calculer l'aire des faces sélectionnées, Calculer la longueur d'arc d'arêtes sélectionnées, Personnaliser le format d'infobulle
- Lignes centrales, filetage et taraudage : Axes de centrage, Axes de centrage de trous/vis, Corps de taraudage, Taraudage, Corps de filetage, Filetage, Intersection de lignes, Ajouter un sommet décalé, Cercle, Arc, Cercle par 3 points, Ligne parallèle, Ligne perpendiculaire
- Cotes : Cotes horizontales, Cotes verticales, Cotes obliques, Cotes parallèles horizontales, Cotes parallèles verticales, Cotes parallèles obliques, Cote horizontale chanfrein, Cote verticale chanfrein, Longueur d'arc, Diamètre '⌀', Section tube '〼', Supprimer les symboles, Plus de décimales, Moins de décimales
- Exportation : Exporter au format SVG, Exporter au format DXF
- Fonctions supplémentaires : Groupe de lignes, Modèles, Hachures, Dimensionnement géométrique et tolérance, Préférences
- Démarrer avec FreeCAD
- Installation : Téléchargements, Windows, Linux, Mac, Logiciels supplémentaires, Docker, AppImage, Ubuntu Snap
- Bases : À propos de FreeCAD, Interface, Navigation par la souris, Méthodes de sélection, Objet name, Préférences, Ateliers, Structure du document, Propriétés, Contribuer à FreeCAD, Faire un don
- Aide : Tutoriels, Tutoriels vidéo
- Ateliers : Std Base, Arch, Assembly, CAM, Draft, FEM, Inspection, Mesh, OpenSCAD, Part, PartDesign, Points, Reverse Engineering, Robot, Sketcher, Spreadsheet, Start, Surface, TechDraw, Test, Web