TechDraw TemplateHowTo/de: Difference between revisions

From FreeCAD Documentation
(Created page with "9. Nimm den XML-Editor, um mit {{incode|freecad:editable}} jedes Textelement {{incode|text}} auch als änderbar zu kennzeichnen * vergib einen sinnvollen Namen für jedes än...")
(Updating to match new version of source page)
 
(94 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<languages/>
<languages/>


{{TutorialInfo
{{TutorialInfo/de
|Topic=Drafting
|Topic=Zeichnungserstellung
|Level=Intermediate
|Level=Zwischenstufe
|Time=60 minutes
|Time=60 Minuten
|Author=[http://freecadweb.org/wiki/index.php?title=User:wandererfan wandererfan]
|Author=[http://freecadweb.org/wiki/index.php?title=User:wandererfan wandererfan]
|FCVersion=0.17
|FCVersion=0.17
}}
}}


<span id="Introduction"></span>
== Einleitung ==
==Einleitung==


Dieses Tutorial zeigt die Erstellung einer [[SVG]]-Datei, die als Hintergrund[[TechDraw Templates/de|vorlage]] für den [[TechDraw Workbench/de|TechDraw-Arbeitsbereich]] verwendet werden kann.
Diese Anleitung zeigt die Erstellung einer [[SVG/de|SVG]]-Datei, die als [[TechDraw_Templates/de|Vorlage]] im Hintergrund von Zeichnungsblättern des Arbeitsbereichs [[TechDraw_Workbench/de|TechDraw]] verwendet werden kann.


Dieses Tutorial setzt moderate Kenntnisse in [https://de.wikipedia.org/wiki/Inkscape Inkscape] und [[SVG/de|SVG]] sowie in FreeCAD und dem [[TechDraw/de|TechDraw]]-Arbeitsbereich voraus.
Dieses Tutorial setzt voraus, dass du einigermaßen vertraut bist mit [https://de.wikipedia.org/wiki/Inkscape Inkscape] und [[SVG/de|SVG]] sowie FreeCAD und dem Arbeitsbereich [[TechDraw_Workbench/de|TechDraw]].


Wir erstellen ein einfaches Template für die Papiergröße "US Letter Size" im Querformat.
Wir erstellen eine einfache Vorlage für ein Zeichnungsblatt in dem Format "US Letter" im Querformat.


Eine Kopie des Ergebnisses dieser Übung findet sich in
Eine Kopie des Ergebnisses dieses Tutoriums findet man unter
{{Code|code=
{{Code|code=
$INSTALL_DIR/Mod/TechDraw/Templates/HowToExample.svg
$INSTALL_DIR/Mod/TechDraw/Templates/HowToExample.svg
}}
}}


wobei {{incode|$INSTALL_DIR}} das Verzeichnis ist, wo FreeCAD installiert wurde, z.B.
Wobei {{incode|$INSTALL_DIR}} das Verzeichnis ist, wo FreeCAD installiert wurde, z.B.
{{Code|code=
{{Code|code=
/usr/share/freecad/Mod/TechDraw/Templates/HowToExample.svg
/usr/share/freecad/Mod/TechDraw/Templates/HowToExample.svg
}}
}}


<span id="Create_base_document"></span>
== Basisdokument erzeugen ==
== Basisdokument erzeugen ==


1. Öffne ein neues Dokument in Inkscape
1. Ein neues Dokument in Inkscape öffnen


2. In den Dokumenteneigenschaften
2. In den Dokumenteneigenschaften
* wähle ein Papierformat (US Letter) sowie eine Ausrichtung (Querformat)
* Das Format (Page Size) "US Letter" oder "A4" und die Ausrichtung (Orientation) "Querformat" (Landscape) auswählen.
* Die Vorgabe für die Maßeinheit (Unit) auf "mm" setzen und die Blattgröße auf die Werte
* stelle die Standardeinheiten und Seitengrößeneinheit auf mm (279.4 x 215.9)
"279,4" für die Breite (width) und "215,9" für die Höhe (height). Für DIN-A4 würde entsprechend "210" und "297" eingegeben.
[[Image:InkDocProp.png|800px|center]]
[[Image:InkDocProp.png|800px|center]]
{{Caption|align=center|Inkscape: Dokument mit Seitengröße und Ausrichtung}}
{{Caption|align=center|Inkscape: Dokument mit Blattgröße und Ausrichtung}}
{{clear}}
{{clear}}


3. Nimm den XML-Editor (Bearbeiten > XML-Editor), um dem {{incode|svg}}-Element einen "freecad"-Namensraum (namespace clause) hinzuzufügen.
3. Mit dem XML-Editor dem {{incode|<svg>}}-Element eine "freecad"-Namensraum-Angabe hinzufügen.
* <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>
Dabei ist zu beachten, dass editierbare Texte ''nicht'' funktionieren, wenn "https://..." verwendet wird, auch wenn das Wiki heutzutage über https erreicht wird. Da SVG ein von Menschen lesbares Format ist, könnte die obige Zeile auch mit einem Texteditor in die Datei eingeben werden.
[[File:InkXMLNameSpace.png|800px|center]]
[[File:InkXMLNameSpace.png|800px|center]]
{{Caption|align=center|Inkscape: XML-Editor beim Hinzufügen des "freecad"-Namensraums zum <svg>-Element}}
{{Caption|align=center|Inkscape: XML-Editor, der die "freecad"-Namensraum-Angabe zum Element <svg> hinzufügt}}
{{clear}}
{{clear}}


<span id="Create_template_drawing"></span>
== Erstelle eine Vorlagenzeichnung ==
== Eine Zeichnungsvorlage erstellen==


4. Zeichne die Umrisse, Feldnummern, Mittellinien, usw.
4. Umrisse, Feldindizes, Mittellinien und andere Geometrie zeichnen.


5. Kästen und Linien für das Schriftfeld zeichnen.
5. Zeichne die Beschriftungsfelder


6. Einen statischen Text hinzufügen und positionieren.
6. Erstelle und positioniere deinen statischen Text


7. Einen editierbaren Text hinzufügen und positionieren.
7. Erstelle und positioniere den veränderbaren (dynamischen) Text.


8. Nun ist das Kunstwerk fertig, und sollte in etwa so aussehen:
8. Nun solltest du eine Vorlage ähnlich wie diese haben:
[[File:InkFinishedArt.png|800px|center]]
[[File:InkFinishedArt.png|800px|center]]
{{Caption|align=center|Inkscape: Vorläufiger Vorlagenentwurf}}
{{Caption|align=center|Inkscape: Vorläufiges Layout der Vorlage}}
{{clear}}
{{clear}}


<span id="Create_editable_fields"></span>
== Erstelle änderbare Felder ==
==Editierbare Felder erstellen==


9. Nimm den XML-Editor, um mit {{incode|freecad:editable}} jedes Textelement {{incode|text}} auch als änderbar zu kennzeichnen
9. Mit dem XML-Editor jedes Textelement {{incode|<text>}} durch hinzufügen von {{incode|freecad:editable}} als editierbar kennzeichnen.
* vergib einen sinnvollen Namen für jedes änderbaren Text
* Für jeden editierbaren Text einen sinnvollen Namen vergeben.
[[File:InkXMLeditableTag.png|800px|center]]
[[File:InkXMLeditableTag.png|800px|center]]
{{Caption|align=center|Inkscape: XML-Editor beim Hinzufügen der "freecad:editable"-Eigenschaft zum gewünschten <text>-Element}}
{{Caption|align=center|Inkscape: XML-Editor beim Hinzufügen der "freecad:editable" Eigenschaft zum gewünschten <text>-Element}}
{{clear}}
{{clear}}


<span id="Adjust_size_of_the_SVG"></span>
== Adjust size of the SVG ==
==SVG-Zeichnungsgröße anpassen==


10. Use the XML editor to adjust the {{incode|viewBox}} attribute to match your page size in millimeters.
10. Mit dem XML-Editor das Attribut {{incode|viewBox}} so anzupassen, dass es der Blattgröße in Millimetern entspricht.
* It is four values, in the format {{incode|"0 0 width height"}}
* Das Format beinhaltet vier Werte {{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: XML-Editor beim Anpassen des Anzeigebereiches (viewBox) Passend zur Blattgröße in Millimetern}}
{{clear}}
{{clear}}


11. Die Vorlage wird nun viel größer als gewünscht erscheinen.
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: Das vorläufige Layout der Vorlage überschreitet die Blattgröße}}
{{clear}}
{{clear}}


12. We need to shrink it.
12. Sie muss verkleinert werden.
* {{MenuCommand|EditSelect All in All Layers}}, or box select and select all.
* {{MenuCommand|BearbeitenAlles auf allen Layern auswählen}} oder mit Rechteckauswahl alles auswählen.
* Adjust the {{Button|W:}} and {{Button|H:}} spinboxes to match your artwork's size in millimeters.
* Die Spinboxen {{Button|W:}} und {{Button|H:}} an die Größe des Kunstwerks in Millimetern anpassen.
* Set it to the page size less any applicable margins, for example, {{Button|W: 250}}, and {{Button|H: 200}}.
* Sie werden auf die Seitengröße abzüglich vorgesehener Ränder eingestellt, z. B. {{Button|W: 250}} und {{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. "Ausrichten und Verteilen" oder die Spinboxen {{Button|X:}} und {{Button|Y:}} verwenden, um das Kunstwerk bei Bedarf innerhalb der Grenzen der Seite zu positionieren.


14. Die Vorlage sollte nun so wie die Abbildung oben aussehen.
14. Your template should now look right, just like it did in the finished artwork picture above.


<span id="Remove_transformans_on_the_SVG"></span>
== Remove transformans on the SVG ==
==Transformationen aus dem SVG-Dokument entfernen==


15. Ensure that all your editable texts are "ungrouped" with {{KEY|Shift}}+{{KEY|Ctrl}}+{{KEY|g}}.
15. Mit {{KEY|Shift}}+{{KEY|Strg}}+{{KEY|g}} wird sichergestellt, dass alle editierbaren Textelemente nicht gruppiert sind.


16. Select everything on your page, {{MenuCommand|EditSelect All}}, and then {{MenuCommand|EditCopy}}.
16. Wähle alles auf Deiner Seite {{MenuCommand|BearbeitenAlles auswählen}}, und dann {{MenuCommand|BearbeitenKopieren}} ({{KEY|Ctrl}}+{{KEY|c}}).


17. Then delete the current layer, {{MenuCommand|LayerDelete Current Layer}}.
17. Lösche dann die aktuelle Schicht mit {{MenuCommand|Ebeneaktuelle schicht löschen}}
: Hinweis: Wenn du die Ebene bereits gelöscht hast (in deinem Lagen Paneel ist keine Lage aufgeführt), ist dieser Schritt nicht erforderlich. In diesem Fall solltest du alle ({{KEY|Ctrl}}+{{KEY|a}}), die Auswahl ausschneiden ({{KEY|Ctrl}}+{{KEY|x}}) und mit dem Befehl im nächsten Schritt einfügen.


18. Then paste, {{MenuCommand|EditPaste in Place}}.
18. Füge dann ein {{MenuCommand|BearbeitenEinfügen an Ort und Stelle}}.
: '''Hinweis:''' Dieser Befehl verhindert, dass die Textpositionen in Transformations Tags gespeichert werden. <u> Es ist wichtig, dass du nicht den normalen Einfügebefehl verwendest!</u>


19. Deine Vorlagen sollte nun korrekt aussehen und keine ungewünschten Transformationen enthalten.
19. Your template should now look right and shouldn't have any unwanted transforms.


20. Speichere Deine Vorlage. Wenn Du Inkscape benutzt, speichere sie vorzugsweise als '''Plain SVG''', da FreeCAD nur mit Elementen der SVG-1.1-Spezifikation umgehen kann. '''Plain SVG''' entfernt alle inkscape-spezifischen XML-Anweisungen.
20. Save your template.


21. Try it in FreeCAD and [[TechDraw Workbench]] with [[TechDraw New Pick]].
21. Probiere sie in FreeCAD und dem [[TechDraw_Workbench/de|TechDraw-Arbeitsbereich]] mit [[TechDraw_PageTemplate/de|Seite mittels Vorlage einfügen]] aus.
[[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: fertige Vorlage mit änderbarem Textfeld während der Änderung}}
{{clear}}
{{clear}}


== Anmerkungen ==
<div class="mw-translate-fuzzy">
Es sollten keine Layer in Inkscape verwendet werden, solange man die Erstellung ohne sie nicht beherrscht. Layer und Gruppen können automatisch unerwünschte Transformationen in die [[SVG/de|SVG]]-Datei einfügen.
===Anmerkungen===
Verwende keine Ebenen bevor du es nicht ohne Ebenen beherrscht. Ebenen und Gruppen können unerwünschte Transformationen verursachen.
</div>


Stelle als letzten Schritt vor der Verwendung deiner neuen Vorlage sicher, daß alle Umwandlungsklauseln aus dem Svg Code entfernt werden. Umwandlungsklauseln '''werden Probleme verursachen'''.
See a Stackoverflow discussion on [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files removing transform clauses in SVG files].


Siehe eine Stackoverflow Debatte auf [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files Entfernen von Transformationsklauseln in SVG Dateien].


Wenn du die grünen Kästchen für deine bearbeitbaren Texte nicht siehst, ist möglicherweise etwas mit deinem Dokumentenmaßstab nicht in Ordnung. Öffne dein Datei erneut in Inkscape und bestätige, dass die Werte des AnsichtsKasten und die Größen übereinstimmen.
<div class="mw-translate-fuzzy">
[[Category:User Documentation/de]]
</div>


Wenn der Text in FreeCAD versetzt dargestellt wird, müssen eventuell die {{Incode|xml:space<nowiki>=</nowiki>"preserve"}}-Attribute aus der SVG-Datei entfernt werden. Siehe: https://www.forum.freecadweb.org/viewtopic.php?t=50897.
{{Userdocnavi}}


{{TechDraw Tools navi{{#translation:}}}}
[[Category:Tutorials]]
{{Userdocnavi{{#translation:}}}}

Latest revision as of 13:11, 14 April 2023

Tutorium
Thema
Zeichnungserstellung
Niveau
Zwischenstufe
Zeit zum Abschluss
60 Minuten
Autoren
wandererfan
FreeCAD-Version
0.17
Beispieldateien
None
Siehe auch
None

Einleitung

Diese Anleitung zeigt die Erstellung einer SVG-Datei, die als Vorlage im Hintergrund von Zeichnungsblättern des Arbeitsbereichs TechDraw verwendet werden kann.

Dieses Tutorial setzt voraus, dass du einigermaßen vertraut bist mit Inkscape und SVG sowie FreeCAD und dem Arbeitsbereich TechDraw.

Wir erstellen eine einfache Vorlage für ein Zeichnungsblatt in dem Format "US Letter" im Querformat.

Eine Kopie des Ergebnisses dieses Tutoriums findet man unter

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

Wobei $INSTALL_DIR das Verzeichnis ist, wo FreeCAD installiert wurde, z.B.

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

Basisdokument erzeugen

1. Ein neues Dokument in Inkscape öffnen

2. In den Dokumenteneigenschaften

  • Das Format (Page Size) "US Letter" oder "A4" und die Ausrichtung (Orientation) "Querformat" (Landscape) auswählen.
  • Die Vorgabe für die Maßeinheit (Unit) auf "mm" setzen und die Blattgröße auf die Werte
"279,4" für die Breite (width) und "215,9" für die Höhe (height). Für DIN-A4 würde entsprechend "210" und "297" eingegeben. 

Inkscape: Dokument mit Blattgröße und Ausrichtung

3. Mit dem XML-Editor dem <svg>-Element eine "freecad"-Namensraum-Angabe hinzufügen.

Dabei ist zu beachten, dass editierbare Texte nicht funktionieren, wenn "https://..." verwendet wird, auch wenn das Wiki heutzutage über https erreicht wird. Da SVG ein von Menschen lesbares Format ist, könnte die obige Zeile auch mit einem Texteditor in die Datei eingeben werden.

Inkscape: XML-Editor, der die "freecad"-Namensraum-Angabe zum Element <svg> hinzufügt

Eine Zeichnungsvorlage erstellen

4. Umrisse, Feldindizes, Mittellinien und andere Geometrie zeichnen.

5. Kästen und Linien für das Schriftfeld zeichnen.

6. Einen statischen Text hinzufügen und positionieren.

7. Einen editierbaren Text hinzufügen und positionieren.

8. Nun ist das Kunstwerk fertig, und sollte in etwa so aussehen:

Inkscape: Vorläufiges Layout der Vorlage

Editierbare Felder erstellen

9. Mit dem XML-Editor jedes Textelement <text> durch hinzufügen von freecad:editable als editierbar kennzeichnen.

  • Für jeden editierbaren Text einen sinnvollen Namen vergeben.

Inkscape: XML-Editor beim Hinzufügen der "freecad:editable" Eigenschaft zum gewünschten <text>-Element

SVG-Zeichnungsgröße anpassen

10. Mit dem XML-Editor das Attribut viewBox so anzupassen, dass es der Blattgröße in Millimetern entspricht.

  • Das Format beinhaltet vier Werte "0 0 width height"

Inkscape: XML-Editor beim Anpassen des Anzeigebereiches (viewBox) Passend zur Blattgröße in Millimetern

11. Die Vorlage wird nun viel größer als gewünscht erscheinen.

Inkscape: Das vorläufige Layout der Vorlage überschreitet die Blattgröße

12. Sie muss verkleinert werden.

  • Bearbeiten → Alles auf allen Layern auswählen oder mit Rechteckauswahl alles auswählen.
  • Die Spinboxen W: und H: an die Größe des Kunstwerks in Millimetern anpassen.
  • Sie werden auf die Seitengröße abzüglich vorgesehener Ränder eingestellt, z. B. W: 250 und H: 200.

13. "Ausrichten und Verteilen" oder die Spinboxen X: und Y: verwenden, um das Kunstwerk bei Bedarf innerhalb der Grenzen der Seite zu positionieren.

14. Die Vorlage sollte nun so wie die Abbildung oben aussehen.

Transformationen aus dem SVG-Dokument entfernen

15. Mit Shift+Strg+g wird sichergestellt, dass alle editierbaren Textelemente nicht gruppiert sind.

16. Wähle alles auf Deiner Seite Bearbeiten → Alles auswählen, und dann Bearbeiten → Kopieren (Ctrl+c).

17. Lösche dann die aktuelle Schicht mit Ebene → aktuelle schicht löschen

Hinweis: Wenn du die Ebene bereits gelöscht hast (in deinem Lagen Paneel ist keine Lage aufgeführt), ist dieser Schritt nicht erforderlich. In diesem Fall solltest du alle (Ctrl+a), die Auswahl ausschneiden (Ctrl+x) und mit dem Befehl im nächsten Schritt einfügen.

18. Füge dann ein Bearbeiten → Einfügen an Ort und Stelle.

Hinweis: Dieser Befehl verhindert, dass die Textpositionen in Transformations Tags gespeichert werden. Es ist wichtig, dass du nicht den normalen Einfügebefehl verwendest!

19. Deine Vorlagen sollte nun korrekt aussehen und keine ungewünschten Transformationen enthalten.

20. Speichere Deine Vorlage. Wenn Du Inkscape benutzt, speichere sie vorzugsweise als Plain SVG, da FreeCAD nur mit Elementen der SVG-1.1-Spezifikation umgehen kann. Plain SVG entfernt alle inkscape-spezifischen XML-Anweisungen.

21. Probiere sie in FreeCAD und dem TechDraw-Arbeitsbereich mit Seite mittels Vorlage einfügen aus.

FreeCAD: fertige Vorlage mit änderbarem Textfeld während der Änderung

Anmerkungen

Es sollten keine Layer in Inkscape verwendet werden, solange man die Erstellung ohne sie nicht beherrscht. Layer und Gruppen können automatisch unerwünschte Transformationen in die SVG-Datei einfügen.

Stelle als letzten Schritt vor der Verwendung deiner neuen Vorlage sicher, daß alle Umwandlungsklauseln aus dem Svg Code entfernt werden. Umwandlungsklauseln werden Probleme verursachen.

Siehe eine Stackoverflow Debatte auf Entfernen von Transformationsklauseln in SVG Dateien.

Wenn du die grünen Kästchen für deine bearbeitbaren Texte nicht siehst, ist möglicherweise etwas mit deinem Dokumentenmaßstab nicht in Ordnung. Öffne dein Datei erneut in Inkscape und bestätige, dass die Werte des AnsichtsKasten und die Größen übereinstimmen.

Wenn der Text in FreeCAD versetzt dargestellt wird, müssen eventuell die xml:space="preserve"-Attribute aus der SVG-Datei entfernt werden. Siehe: https://www.forum.freecadweb.org/viewtopic.php?t=50897.