Przejdź do treści

Rysunki w TikZ

Wewnątrz tikzpicture pisz polecenia ścieżek, takie jak \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5); czy \fill[blue] (0,0) rectangle (1,1);, każde zakończone średnikiem.

Linie i współrzędne

Załaduj TikZ poleceniem \usepackage{tikz}. Rysunek znajduje się w tikzpicture. \draw rysuje ścieżkę, a -- łączy punkty liniami prostymi. Zwykłe współrzędne, takie jak (2,1), są w centymetrach.

Łamana, zamknięty trójkąt i siatka

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
\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 zamyka ścieżkę z powrotem do jej początku, dzięki czemu wypełnienie ma czysty narożnik.

Kształty

ŚcieżkaRysuje
(0,0) rectangle (2,1)prostokąt od jednego narożnika do drugiego
(1,1) circle (0.5) lub circle[radius=0.5]okrąg wokół środka
(1,1) ellipse (1 and 0.5)elipsę o dwóch promieniach
(1,0) arc (0:90:1) lub arc[start angle=0, end angle=90, radius=1]łuk od bieżącego punktu
(0,0) grid (3,2)linie siatki co 1 cm (step=0.5 dla innych odstępów)
(0,0) .. controls (1,1) and (2,1) .. (3,0)krzywą Béziera
(0,0) to[out=90, in=180] (2,2)krzywą wychodzącą i wchodzącą pod zadanymi kątami

Prostokąt, okrąg, elipsa, łuk i krzywe

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
\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}

Kolory, grubości linii i kreskowanie

Opcje w nawiasach kwadratowych nadają styl ścieżce. Sama nazwa koloru ustawia kolor obrysu; fill= wypełnia kształt, a \fill wypełnia bez obrysu. \filldraw robi jedno i drugie.

Grubości linii, wzory kreskowania, kolory i przezroczystość

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
\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}

Kolorem może być dowolna nazwa z xcolor (red, teal, violet ...), mieszanka taka jak blue!30!white albo kolor zdefiniowany przez Ciebie za pomocą \definecolor{mine}{HTML}{0072B2}.

Cieniowanie

\shade wypełnia kształt gradientem kolorów: left color i right color (lub top color i bottom color) dla gradientu liniowego, inner color i outer color dla promienistego oraz ball color dla oświetlonej kuli.

Cieniowanie liniowe, promieniste i kuliste

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
\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}

Powtarzanie z foreach

\foreach powtarza polecenie dla każdej wartości z listy. {0,1,...,5} uzupełnia kolejne kroki. Zmiennej pętli można używać we współrzędnych, kolorach i tekście.

Okręgi i etykiety z pętli

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
\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) to współrzędna biegunowa: kąt i odległość. ++ sprawia, że współrzędna jest względna wobec poprzedniego punktu.

Zakresy i przekształcenia

scope stosuje opcje do wszystkiego, co jest w środku: kolory, style linii i przekształcenia takie jak shift, rotate, scale, xscale i yscale.

Ten sam kwadrat przesunięty, obrócony i przeskalowany

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
\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}

Mały rysunek w tekście

\tikz rysuje mały obrazek wewnątrz akapitu, na przykład kolorową kropkę obok słowa. Napisz ścieżkę zaraz po nim, zakończoną średnikiem.

\tikz wewnątrz zdania

LaTeXPreambuła: \usepackage{tikz}Otwórz w edytorze (otwiera się w nowej karcie)
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

Czym różni się od instalacji TeX

Dokumentacja TikZ jest częścią PGF na CTAN: ctan.org/pkg/pgf. Do wykresów z osiami używaj pgfplots.

Pytania i odpowiedzi

Jak narysować okrąg w LaTeX?

Załaduj TikZ i napisz \begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture}. Wartość w nawiasach to promień w centymetrach.

W jakich jednostkach są współrzędne TikZ?

Zwykłe liczby to centymetry. Możesz też podawać jednostki, na przykład (2pt,1mm) lub (1in,0).

Jak wypełnić kształt kolorem?

Użyj \fill[blue] ...; dla wypełnienia bez obrysu albo \draw[fill=blue!20] ...; dla obu.

Każdy przykład na tej stronie jest składany przez Scissor LaTeX podczas budowania witryny. Ostatnia aktualizacja: 2026-11-07.