Zum Inhalt springen
Scissor LaTeX

TikZ-Knoten, Pfeile und Diagramme

Platzieren Sie jeden Kasten mit \node[draw] (name) {text};, setzen Sie die nächsten mit der Bibliothek positioning (right=of name) und verbinden Sie sie mit \draw[->] (a) -- (b);.

Knoten

Ein Knoten ist ein Stück Text an einem Punkt, wahlweise mit Rahmen. draw gibt ihm einen Umriss, fill einen Hintergrund und circle oder ellipse eine runde Form (rectangle ist die Voreinstellung). Ein Name in runden Klammern erlaubt es, später auf den Knoten zu verweisen.

Knoten mit Formen, Füllungen und Größen

LaTeXPräambel: \usepackage{tikz}Im Editor öffnen
\begin{tikzpicture}
  \node[draw] (a) at (0,0) {plain box};
  \node[draw, rounded corners, fill=blue!10] (b) at (3,0) {rounded};
  \node[draw, circle, fill=yellow!40] (c) at (5.5,0) {44};
  \node[draw, ellipse] (d) at (8,0) {ellipse};
  \node[draw, minimum width=2.5cm, minimum height=1cm] at (1,-1.6) {fixed size};
  \node[draw, text width=2.6cm, align=center] at (5,-1.6) {text that wraps onto two lines};
\end{tikzpicture}

Pfeile zwischen Knoten

\draw[->] (a) -- (b); zeichnet einen Pfeil von Knoten a zu Knoten b. Die Linie beginnt und endet an den Rändern der Knoten, nicht an ihren Mittelpunkten. -| und |- zeichnen rechtwinklige Verbindungen.

Ein kleines Flussdiagramm mit der Bibliothek positioning

LaTeXIm Editor öffnen
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning, arrows.meta}
\begin{document}
\begin{tikzpicture}[
    node distance=1.2cm and 1.6cm,
    box/.style={draw, rounded corners, fill=blue!8, minimum width=2.2cm, minimum height=0.8cm},
    >={Stealth},
  ]
  \node[box] (in) {Read data};
  \node[box, right=of in] (clean) {Clean};
  \node[box, right=of clean] (fit) {Fit model};
  \node[draw, circle, below=of clean] (ok) {OK?};
  \draw[->] (in) -- (clean);
  \draw[->] (clean) -- (fit);
  \draw[->] (fit) |- (ok);
  \draw[->] (ok) -| node[pos=0.75, left] {no} (in);
\end{tikzpicture}
\end{document}

right=of in setzt den Knoten rechts neben in, im Abstand node distance. Die anderen Richtungen sind left, above, below und die Diagonalen wie above right. right=2cm of in legt den Abstand für einen einzelnen Knoten fest.

Beschriftungen an Pfeilen und Knoten

Ein node, der mitten in einem Pfad steht, beschriftet ihn. above, below, left, right legen die Seite fest und midway, near start, near end oder pos=0.3 die Position entlang des Pfads. label=below:text fügt einem Knoten eine Beschriftung hinzu.

Ein Zustandsdiagramm mit gebogenen, beschrifteten Kanten

LaTeXIm Editor öffnen
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning, arrows.meta}
\begin{document}
\begin{tikzpicture}[state/.style={draw, circle, minimum size=1cm}, >={Stealth}, node distance=2.4cm]
  \node[state, label=below:start] (s0) {$q_0$};
  \node[state, right=of s0] (s1) {$q_1$};
  \node[state, right=of s1, fill=green!15] (s2) {$q_2$};
  \draw[->] (s0) to[bend left] node[above] {$a$} (s1);
  \draw[->] (s1) to[bend left] node[below] {$b$} (s0);
  \draw[->] (s1) -- node[above] {$a$} (s2);
\end{tikzpicture}
\end{document}

Anker

Jeder Knoten hat Anker an seinem Rand: north, south, east, west und die Ecken wie north east. (box.north) ist der Punkt oben in der Mitte von box.

Pfeile von den Ankern eines Knotens

LaTeXPräambel: \usepackage{tikz}Im Editor öffnen
\begin{tikzpicture}
  \node[draw, minimum width=3cm, minimum height=1cm] (box) {Server};
  \draw[->] (box.north) -- ++(0,0.7) node[above] {north};
  \draw[->] (box.east) -- ++(1,0) node[right] {east};
  \draw[->] (box.south west) -- ++(-0.6,-0.6) node[below left] {south west};
  \node[anchor=west] at (box.south east) {\small (anchor=west)};
\end{tikzpicture}

anchor=west an einem Knoten platziert den Knoten so, dass sein Westanker am angegebenen Punkt liegt.

Pfeilspitzen

OptionSpitzeIn Scissor LaTeX
->, <-, <->die voreingestellte TikZ-SpitzeFunktioniert
-stealth, -latexdie klassischen Spitzen stealth und LaTeXFunktioniert
-{Stealth}, -{Latex} (arrows.meta)die neueren SpitzenFunktioniert
|-|ein Querstrich an jedem EndeFunktioniert
>={Stealth} am Bilddie Spitze, die -> verwendetFunktioniert
Optionen für Pfeilspitzen wie -{Stealth[length=3mm]}Größe und Form der SpitzeTeilweise: Die Spitze wird in ihrer Standardgröße gezeichnet

Die Größen der Spitzen kommen TikZ nahe, sind aber nicht identisch.

Was nicht unterstützt wird

Diese Funktionen lassen sich in einer TeX-Installation übersetzen, hier aber nicht. Die meisten werden im Tab „Probleme“ gemeldet.

FunktionWas in Scissor LaTeX passiertWas Sie stattdessen schreiben
\matrix (und matrix of nodes)Das ganze Bild wird zu einem gestrichelten Kasten mit einer MeldungKnoten mit at (x,y) oder positioning platzieren
\picDas ganze Bild wird zu einem gestrichelten Kasten mit einer MeldungDie Zeichnung in einem scope mit shift wiederholen
Dekorationen (decorate, decoration=...)Werden mit einer Meldung ignoriert; der Pfad wird schlicht gezeichnetEin einfacher oder gestrichelter Pfad
Knotenformen aus shapes.geometric (diamond, trapezium ...)Mit einer Meldung als Rechteck gezeichnetrectangle, circle oder ellipse
double-LinienWerden mit einer Meldung ignoriertZwei Knoten oder Pfade
to[loop above] (eine Schleife an einem Knoten)Es wird keine Schleife gezeichnet und keine Meldung angezeigt; ihre Beschriftung sitzt auf dem KnotenEin arc oder eine .. controls ..-Kurve vom Rand des Knotens
pin=Der Text des Pins wird angezeigt, ohne die Pin-Linielabel=
pos= an einem -|- oder |--PfadDie Beschriftung wird nur entlang des zweiten Schenkels platziert, pos=0.25 landet also nahe der EckeDen zweiten Schenkel mit pos=0.75 beschriften oder den Pfad in zwei teilen
tikz-cd, circuitikz, forestDas Bild wird mit einer Meldung weggelassenEinfaches TikZ oder ein Bild

\matrix wird zu einem Platzhalter

LaTeXPräambel: \usepackage{tikz}Im Editor öffnen
\begin{tikzpicture}
  \matrix[draw] {
    \node {a}; & \node {b}; \\
    \node {c}; & \node {d}; \\
  };
\end{tikzpicture}

Tab „Probleme“: \matrix in a picture is not supported yet

Ein Rautenknoten wird als Rechteck gezeichnet

LaTeXIm Editor öffnen
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shapes.geometric}
\begin{document}
\begin{tikzpicture}
  \node[draw, diamond] at (0,0) {Yes?};
  \node[draw, ellipse] at (2.5,0) {ellipse works};
\end{tikzpicture}
\end{document}

Tab „Probleme“: TikZ node option 'diamond' is not supported yet

Das Handbuch von TikZ (im Paket PGF) behandelt Knoten, die Bibliothek positioning und Pfeilspitzen: ctan.org/pkg/pgf. Für Formen und Pfade siehe Zeichnungen mit TikZ.

Siehe auch Grundlagen von TikZ, TikZ und Abbildungen und Bilder.

Fragen und Antworten

Wie zeichne ich ein Flussdiagramm in LaTeX?

Verwenden Sie TikZ-Knoten mit draw für die Kästen, die Bibliothek positioning (right=of a, below=of b), um sie zu platzieren, und \draw[->] (a) -- (b); für die Pfeile.

Wie schreibe ich in TikZ Text an einen Pfeil?

Schreiben Sie einen Knoten mitten in den Pfad: \draw[->] (a) -- node[above] {text} (b);.

Funktioniert tikz-cd in Scissor LaTeX?

Noch nicht. Ein tikzcd-Diagramm wird mit einer Meldung weggelassen. Zeichnen Sie einfache Diagramme stattdessen mit Knoten und Pfeilen.

Jedes Beispiel auf dieser Seite wird beim Erstellen der Website von Scissor LaTeX gesetzt. Zuletzt aktualisiert am 2026-11-07.