Mga drawing gamit ang TikZ

Sa loob ng isang tikzpicture, sumulat ng path commands gaya ng \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5); o \fill[blue] (0,0) rectangle (1,1);, na bawat isa ay nagtatapos sa semicolon.

Mga linya at coordinates

I-load ang TikZ gamit ang \usepackage{tikz}. Nasa loob ng isang tikzpicture ang isang drawing. Ginuguhitan ng \draw ang isang path, at pinagdudugtong ng -- ang mga point gamit ang tuwid na linya. Nasa centimetres ang karaniwang coordinates gaya ng (2,1).

\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}

Isinasara ng -- cycle ang path pabalik sa simula nito, kaya malinis ang sulok ng fill.

Mga hugis

\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}

Kulay, kapal ng linya at dashes

Ini-style ng mga option sa square brackets ang path. Itinatakda ng pangalan ng kulay lang ang stroke; pinupuno ng fill= ang hugis, at nagpupuno ang \fill nang walang stroke. Ginagawa ng \filldraw ang dalawa.

\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}

Puwedeng anumang xcolor name ang mga kulay (red, teal, violet ...), isang halo gaya ng blue!30!white, o kulay na idine-define mo gamit ang \definecolor{mine}{HTML}{0072B2}.

Shading

Pinupuno ng \shade ang isang hugis ng color gradient: left color at right color (o top color at bottom color) para sa linear, inner color at outer color para sa radial, at ball color para sa may-ilaw na sphere.

\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}

Pag-uulit gamit ang foreach

Inuulit ng \foreach ang isang command para sa bawat value sa isang listahan. Pinupunan ng {0,1,...,5} ang mga hakbang. Magagamit ang loop variable sa coordinates, kulay at text.

\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}

Polar coordinate ang (\a:0.9): anggulo at layo. Ginagawa ng ++ na relative sa naunang point ang isang coordinate.

Scopes at transformations

Inilalapat ng isang scope ang options sa lahat ng nasa loob nito: kulay, line styles, at transformations gaya ng shift, rotate, scale, xscale at yscale.

\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}

Maliit na picture sa loob ng text

Gumuguhit ang \tikz ng maliit na picture sa loob ng isang paragraph, gaya ng may-kulay na tuldok sa tabi ng isang salita. Isulat ang path kasunod nito mismo, na nagtatapos sa semicolon.

Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

Ang naiiba sa isang TeX installation

Bahagi ng PGF sa CTAN ang TikZ manual: ctan.org/pkg/pgf. Para sa plots na may axes, gamitin ang pgfplots.

Bawat halimbawa sa page na ito ay tina-typeset ng Scissor LaTeX kapag binubuo ang site. Huling na-update noong 2026-11-07.