TechDraw TemplateHowTo/de: Difference between revisions

From FreeCAD Documentation
(Created page with "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:...")
(Updating to match new version of source page)
 
(27 intermediate revisions by one other user not shown)
Line 2: Line 2:


{{TutorialInfo/de
{{TutorialInfo/de
|Topic=Entwerfen
|Topic=Zeichnungserstellung
|Level=Zwischenstufe
|Level=Zwischenstufe
|Time=60 Minuten
|Time=60 Minuten
Line 9: Line 9:
}}
}}


<span id="Introduction"></span>
== Einführung ==
==Einleitung==


Dieses Tutorium zeigt dir die Erstellung einer [[SVG/de|SVG]] Datei, die als Hintergrund [[TechDraw_Templates/de|Vorlage]] für die [[TechDraw_Workbench/de|TechDraw Arbeitsbereich]]-Seiten 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 voraus, dass du mäßig vertraut bist mit [https://de.wikipedia.org/wiki/Inkscape Inkscape] und [[SVG/de|SVG]] sowie in FreeCAD und dem [[TechDraw_Workbench/de|TechDraw]]-Arbeitsbereich.
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 eine einfache Vorlage für US Briefgrößenpapier in Querformat Ausrichtung.
Wir erstellen eine einfache Vorlage für ein Zeichnungsblatt in dem Format "US Letter" im Querformat.


Eine Kopie des Ergebnisses dieses Tutoriums ist verfügbar 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
Line 27: Line 28:
}}
}}


<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 die Seitengröße "US Letter" oder "A4" und die 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
* Setze die Standardeinheiten auf "mm" und die Seitengröße auf Breite "279,4" und Höhe "215,9". Für DIN-A4 würdest du "210" und "297" verwenden.
"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. Verwende den XML Editor, um dem {{incode|<svg>}} Element eine "freecad" Namensraumklausel 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>
Beachte, dass deine editierbaren Texte ''nicht'' funktionieren, wenn du "https://..." verwendest, auch wenn das Wiki heutzutage über https erreicht wird. Da SVG ein von Menschen lesbares Format ist, könntest du die obige Zeile auch mit einem Texteditor in die Datei eingeben.
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, der die "freecad" Namensraumklausel zum Element <svg> hinzufügt}}
{{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 Umrisse, Zonennummern, Mittellinien und andere Geometrie.
4. Umrisse, Feldindizes, Mittellinien und andere Geometrie zeichnen.


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


6. Füge deinen statischen Text hinzu und positioniere ihn.
6. Einen statischen Text hinzufügen und positionieren.


7. Füge den zu bearbeitenden Text hinzu und positioniere ihn.
7. Einen editierbaren Text hinzufügen und positionieren.


8. Du hast nun dein fertiges Kunstwerk, das in etwa so aussehen sollte:
8. Nun ist das Kunstwerk fertig, und sollte in etwa so aussehen:
[[File:InkFinishedArt.png|800px|center]]
[[File:InkFinishedArt.png|800px|center]]
{{Caption|align=center|Inkscape: Vorläufiges Vorlagenlayout}}
{{Caption|align=center|Inkscape: Vorläufiges Layout der Vorlage}}
{{clear}}
{{clear}}


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


9. Verwende 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>
== Größe der SVG anpassen ==
==SVG-Zeichnungsgröße anpassen==


10. Verwende den XML Editor, um das {{incode|viewBox}} Attribut so anzupassen, dass es deiner Seitengröße in Millimetern entspricht.
10. Mit dem XML-Editor das Attribut {{incode|viewBox}} so anzupassen, dass es der Blattgröße in Millimetern entspricht.
* Es sind vier Werte im Format {{incode|"0 0 Breite Höhe"}}
* 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 beim Anpassen des Anzeigefeldes zur Übereinstimmung mit der Seitengröße in Millimetern}}
{{Caption|align=center|Inkscape: XML-Editor beim Anpassen des Anzeigebereiches (viewBox) Passend zur Blattgröße in Millimetern}}
{{clear}}
{{clear}}


11. Deine Vorlage wird nun viel größer als gewünscht erscheinen.
11. Die Vorlage wird nun viel größer als gewünscht erscheinen.
[[File:InkMuchTooBig.png|800px|center]]
[[File:InkMuchTooBig.png|800px|center]]
{{Caption|align=center|Inkscape: Vorläufiges Vorlagenlayout überschreitet die Seitengröße}}
{{Caption|align=center|Inkscape: Das vorläufige Layout der Vorlage überschreitet die Blattgröße}}
{{clear}}
{{clear}}


12. Sie muss verkleinert werden.
12. Wir müssen ihn verkleinern.
* {{MenuCommand|Bearbeiten → Alles in allen Schichten auswählen}} oder Kästchen auswählen und alles auswählen.
* {{MenuCommand|Bearbeiten → Alles auf allen Layern auswählen}} oder mit Rechteckauswahl alles auswählen.
* Passe die {{Button|W:}} und {{Button|H:}} Spinboxen an die Größe Ihres Kunstwerks in Millimetern an.
* Die Spinboxen {{Button|W:}} und {{Button|H:}} an die Größe des Kunstwerks in Millimetern anpassen.
* Stelle sie auf die Seitengröße abzüglich der anwendbaren Ränder ein, z. B. {{Button|W: 250}} und {{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. Verwende "Ausrichten und Verteilen" oder die {{Button|X:}} und {{Button|Y:}} Spinboxen, um das Kunstwerk bei Bedarf innerhalb der Grenzen der Seite zu positionieren.
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 das Beispiel oben aussehen.
14. Die Vorlage sollte nun so wie die Abbildung oben aussehen.


<span id="Remove_transformans_on_the_SVG"></span>
== Entferne Transformationen aus dem SVG ==
==Transformationen aus dem SVG-Dokument entfernen==


15. Stelle sicher, dass alle editierbaren Textelemente nicht gruppiert sind mit {{KEY|Shift}}+{{KEY|Strg}}+{{KEY|g}}.
15. Mit {{KEY|Shift}}+{{KEY|Strg}}+{{KEY|g}} wird sichergestellt, dass alle editierbaren Textelemente nicht gruppiert sind.


16. Wähle alles auf Deiner Seite {{MenuCommand|Bearbeiten → Alles auswählen}}, und dann {{MenuCommand|Bearbeiten → Kopieren}} ({{KEY|Ctrl}}+{{KEY|c}}).
16. Wähle alles auf Deiner Seite {{MenuCommand|Bearbeiten → Alles auswählen}}, und dann {{MenuCommand|Bearbeiten → Kopieren}} ({{KEY|Ctrl}}+{{KEY|c}}).
Line 112: Line 119:


== Anmerkungen ==
== Anmerkungen ==
Verwende keine Lagen in Inkscape, bevor Du nicht Vorlagen ohne sie beherrscht. Lagen und Gruppen können unerwünschte Transformationen in der [[SVG/de|SVG]]-Datei verursachen.
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.


Stelle als letzten Schritt vor der Verwendung deiner neuen Vorlage sicher, daß alle Umwandlungsklauseln aus dem Svg Code entfernt werden. Umwandlungsklauseln '''werden Probleme verursachen'''.
Stelle als letzten Schritt vor der Verwendung deiner neuen Vorlage sicher, daß alle Umwandlungsklauseln aus dem Svg Code entfernt werden. Umwandlungsklauseln '''werden Probleme verursachen'''.
Line 122: Line 129:
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.
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.


{{Tutorials navi{{#translation:}}}}
{{TechDraw Tools navi{{#translation:}}}}
{{TechDraw Tools navi{{#translation:}}}}
{{Userdocnavi{{#translation:}}}}
{{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.