> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/de/ausfuhrliche-artikel/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Wie man Vektorgrafiken mit TikZ in LaTeX zeichnet **Autor: Cody Herring (Mai 2013)** ### Prozedurale Grafiken in LaTeX: die Grundlagen Traditionell werden Grafiken als Bitmaps dargestellt, mit allem von 1 Bit (Schwarzweiß) bis zu 24 Bit (True Color). Dies ermöglicht eine einfache Anzeige von Grafiken auf einem herkömmlichen (rechteckigen) Computerbildschirm. Allerdings kann es schwierig und mühsam sein, Bitmaps zu erzeugen, die genau das darstellen, was auf einem Dokument oder auf Papier gezeigt werden soll. Prozedurale Grafiken helfen dabei, indem sie die Verwendung eines besser definierten und leichter verständlichen Systems wie Scalable Vector Graphics (SVG) ermöglichen. Durch die Definition von Vektoren, Linien und Formen statt einzelner Pixel lassen sich Bilder leicht für unterschiedliche Größen, Seitenverhältnisse, Pixeldichten, Druckqualitäten und mehr erzeugen. Dieses Tutorial bietet eine kurze Einführung in prozedurale Grafiken mit dem Portable Graphics Format und TikZ: * **Portables Grafikformat** (PGF) ist ein grundlegendes Werkzeugset, mit dem einfache Grafiken und Abbildungen erzeugt werden können; * **TikZ** ist eine Erweiterung von PGF, die die Verwendung einer Vielzahl vorgefertigter Abbildungen ermöglicht. Ausführliche Dokumentation zu TikZ und PGF findet sich im [PGF-Handbuch](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### Verwendung von PGF und TikZ Um das TikZ-Paket zu verwenden, muss es eingebunden werden: ```latex \usepackage{tikz} ``` Um Bilder zu zeichnen, muss die `tikzpicture` Umgebung verwendet werden: ```latex \begin{tikzpicture} Befehle hier einfügen \end{tikzpicture} ``` ### Grundlegendes Zeichnen Mit TikZ lassen sich viele verschiedene Formen und Pfade zeichnen. Im Folgenden werden einige grundlegende Zeichentechniken gezeigt. Diese Techniken können kombiniert werden, um komplexere Zeichnungen zu erstellen. #### Gerade Pfade Ein gerader Pfad von einem Punkt zu einem anderen kann mit dem `\draw` Befehl gemäß einem X/Y-(horizontal/vertikal)-Koordinatensystem gezeichnet werden, etwa so: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Mehrere `\draw` Aufrufe können ebenfalls miteinander verkettet werden. Dies zeichnet ein Achsenkreuz von -5 bis +5 in X-Richtung und von -2 bis +2 in Y-Richtung. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/b06b7984562787159aebc592eb6a8b118a5a4e34) Stile können auf diese Linien angewendet werden, indem zusätzliche Parameter hinzugefügt werden. Hier ist dasselbe Diagramm, jedoch mit grünen, gepunkteten, ultradicken Linien, um 15 Grad gegen den Uhrzeigersinn gedreht: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/f2773258fc0d36f46e3603089b833a57ee564d17) #### Ändern der Größe eines Diagramms Manchmal ist die Standardgröße eines Diagramms zu groß oder zu klein. Mit dem `scale` beim Angeben der `tikzpicture` Umgebung ermöglicht unterschiedliche Größen bei gleichbleibenden Proportionen: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` Das folgende Bild zeigt den Effekt vor und nach dem Anwenden von `[scale=0.3]`: ![TiKZFigure 3.png](/files/f72b0a4a1cd0da5546fdd4dc0ffe93cd989f128b) #### Hinzufügen von Pfeilspitzen Pfeile können für Grafiken und Diagramme nützlich sein, und sie lassen sich in ein TikZ-Bild einfach einfügen. Die zuvor gezeigten Stile können ebenso verwendet werden wie verschiedene Pfeilspitzen. ```latex \begin{tikzpicture} \draw[->](0,0) -- (5,0); \end{tikzpicture} \begin{tikzpicture} \draw[<<->>](0,0) -- (5,0); \end{tikzpicture} \begin{tikzpicture} \draw[<<->>, ultra thick, blue](0,0) -- (5,0); \end{tikzpicture} \begin{tikzpicture} \draw[|->>, thick, red](0,0) -- (5,0); \end{tikzpicture} ``` ![TiKZFigure 4.png](/files/6ef275248e6a8259e4af3b272b6d545f70b661ec) ### Zeichnen von Kurven Der einfachste Weg, mit TikZ eine Kurve zu zeichnen, besteht darin, den Start- und Endpunkt sowie den gewünschten Winkel anzugeben, mit dem die Kurve den Startpunkt verlässt und am Endpunkt ankommt. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/f01c3b65eb6c4024a6896935afc394e4563603ca) Mit verketteten Aufrufen lassen sich auch wesentlich komplexere Diagramme erstellen. PGF wird versuchen, mithilfe der angegebenen Richtungen die glattesten möglichen Linien zu zeichnen. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=90,in=180] (2,2) to [out=270,in=0](0,0) to [out=0,in=90](2,-2) to [out=180,in=270](0,0) to [out=270,in=0](-2,-2) to [out=90,in=180](0,0) to [out=180,in=270](-2,2) to [out=0,in=90](0,0); \end{tikzpicture} ``` ![TIkZFigure 6.png](/files/5441e7b70626c170460ff9c889b4cdddf2309693) ### Fazit Es gibt kein Ende dessen, was mit Vektorgrafiken gezeichnet werden kann, und ihr Wert darin, skalierbare, leicht bearbeitbare Diagramme und Bilder zu ermöglichen, ist ein Segen für LaTeX-Anwender, die nach einer einfachen Möglichkeit suchen, Grafiken zu verwenden. Dieser Beitrag kratzt nur an der Oberfläche dessen, was möglich ist, sollte aber eine gute Einführung in die Möglichkeiten von Vektorgrafiken und der TikZ/PGF-Umgebung sein. Zusätzliche Ressourcen: * [Einführung in TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [CTAN-Dokumentation zu TikZ & PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Overleafs Wiki-Seite zum Lernen](/latex/de/abbildungen-und-tabellen/05-tikz-package.md). --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://overleaf-pro.ayaka.space/latex/de/ausfuhrliche-artikel/26-how-to-draw-vector-graphics-using-tikz-in-latex.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.