Naar de inhoud

Tekeningen met TikZ

Schrijf in een tikzpicture padcommando's zoals \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5); of \fill[blue] (0,0) rectangle (1,1);, elk afgesloten met een puntkomma.

Lijnen en coördinaten

Laad TikZ met \usepackage{tikz}. Een tekening staat in een tikzpicture. \draw trekt een pad, en -- verbindt punten met rechte lijnen. Kale coördinaten zoals (2,1) zijn in centimeters.

Een gebroken lijn, een gesloten driehoek en een raster

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
\begin{tikzpicture}
  \draw[help lines] (0,0) grid (5,3);
  \draw[thick] (0,0) -- (1,2) -- (2,1) -- (3,2.5);
  \draw[blue, fill=blue!15] (3.5,0.5) -- (5,0.5) -- (4.25,2) -- cycle;
\end{tikzpicture}

-- cycle sluit een pad terug naar het begin, zodat een vulling een nette hoek krijgt.

Vormen

PadTekent
(0,0) rectangle (2,1)een rechthoek van de ene hoek naar de andere
(1,1) circle (0.5) of circle[radius=0.5]een cirkel rond een middelpunt
(1,1) ellipse (1 and 0.5)een ellips met twee stralen
(1,0) arc (0:90:1) of arc[start angle=0, end angle=90, radius=1]een boog vanaf het huidige punt
(0,0) grid (3,2)rasterlijnen, 1 cm uit elkaar (step=0.5 voor andere afstanden)
(0,0) .. controls (1,1) and (2,1) .. (3,0)een Bézier-curve
(0,0) to[out=90, in=180] (2,2)een curve die onder bepaalde hoeken vertrekt en aankomt

Rechthoek, cirkel, ellips, boog en curves

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
\begin{tikzpicture}
  \draw[rounded corners, fill=yellow!30] (0,0) rectangle (2,1.2);
  \draw[red, fill=red!20] (3,0.6) circle (0.6);
  \draw[teal, thick] (5,0.6) ellipse (0.9 and 0.5);
  \draw[->, thick] (7.2,0) arc (0:90:1);
  \draw[purple, thick] (0,-1.5) .. controls (1,0) and (2,-3) .. (3,-1.5);
  \draw[orange, thick] (4,-2) to[out=90, in=180] (6,-1);
\end{tikzpicture}

Kleuren, lijndiktes en streepjes

Opties tussen vierkante haken bepalen de stijl van het pad. Een losse kleurnaam bepaalt de lijn; fill= vult de vorm, en \fill vult zonder lijn. \filldraw doet allebei.

Lijndiktes, streeppatronen, kleuren en doorzichtigheid

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
\begin{tikzpicture}
  \draw[ultra thin]  (0,2) -- (3,2);
  \draw[thick]       (0,1.6) -- (3,1.6);
  \draw[line width=3pt, blue!60] (0,1.2) -- (3,1.2);
  \draw[dashed]      (0,0.8) -- (3,0.8);
  \draw[dotted, thick] (0,0.4) -- (3,0.4);
  \draw[dash pattern=on 6pt off 2pt on 1pt off 2pt] (0,0) -- (3,0);
  \fill[green!50!black] (4,1) circle (0.5);
  \filldraw[fill=orange, draw=black, opacity=0.6] (4.5,0.6) rectangle (5.5,1.6);
  \draw[<->, red, thick] (4,-0.2) -- (6,-0.2);
\end{tikzpicture}

Kleuren kunnen elke xcolor-naam zijn (red, teal, violet ...), een menging zoals blue!30!white, of een kleur die je definieert met \definecolor{mine}{HTML}{0072B2}.

Kleurverlopen

\shade vult een vorm met een kleurverloop: left color en right color (of top color en bottom color) voor een lineair verloop, inner color en outer color voor een radiaal verloop, en ball color voor een belichte bol.

Lineair, radiaal en bolvormig verloop

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
\begin{tikzpicture}
  \shade[left color=blue!60, right color=white] (0,0) rectangle (2.5,1);
  \shade[top color=orange, bottom color=yellow] (3,0) rectangle (4,1);
  \shade[inner color=white, outer color=teal] (5.2,0.5) circle (0.5);
  \shade[ball color=red] (6.7,0.5) circle (0.5);
\end{tikzpicture}

Herhalen met foreach

\foreach herhaalt een commando voor elke waarde in een lijst. {0,1,...,5} vult de tussenstappen in. De lusvariabele kun je gebruiken in coördinaten, kleuren en tekst.

Cirkels en labels uit een lus

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
\begin{tikzpicture}
  \foreach \i in {0,1,...,5} {
    \draw[fill=blue!\i0] (1.2*\i,0) circle (0.45);
    \node at (1.2*\i,-0.8) {$\i$};
  }
  \foreach \a in {0,45,...,315}
    \draw[->] (9,0) -- ++(\a:0.9);
\end{tikzpicture}

(\a:0.9) is een poolcoördinaat: hoek en afstand. ++ maakt een coördinaat relatief ten opzichte van het vorige punt.

Scopes en transformaties

Een scope past opties toe op alles erbinnen: kleuren, lijnstijlen en transformaties zoals shift, rotate, scale, xscale en yscale.

Hetzelfde vierkant, verschoven, gedraaid en geschaald

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
\begin{tikzpicture}
  \draw (0,0) rectangle (1,1);
  \begin{scope}[shift={(2,0)}, rotate=30, red]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(4,0)}, scale=0.5, blue, thick]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(5.5,0)}, xscale=2, dashed]
    \draw (0,0) rectangle (1,1);
  \end{scope}
\end{tikzpicture}

Een kleine figuur in de tekst

\tikz tekent een kleine figuur in een alinea, zoals een gekleurd bolletje naast een woord. Schrijf het pad er direct achter, afgesloten met een puntkomma.

\tikz in een zin

LaTeXPreambule: \usepackage{tikz}Openen in de editor (opent in een nieuw tabblad)
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

Wat anders is dan in een TeX-installatie

De handleiding van TikZ hoort bij PGF op CTAN: ctan.org/pkg/pgf. Gebruik voor grafieken met assen pgfplots.

Vragen en antwoorden

Hoe teken ik een cirkel in LaTeX?

Laad TikZ en schrijf \begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture}. De waarde tussen haakjes is de straal in centimeters.

Welke eenheid gebruiken TikZ-coördinaten?

Kale getallen zijn centimeters. Je kunt ook eenheden schrijven, bijvoorbeeld (2pt,1mm) of (1in,0).

Hoe vul ik een vorm met kleur?

Gebruik \fill[blue] ...; voor een vulling zonder omlijning, of \draw[fill=blue!20] ...; voor allebei.

Elk voorbeeld op deze pagina wordt door Scissor LaTeX gezet wanneer de site wordt gebouwd. Laatst bijgewerkt op 2026-11-07.