Gambar dengan TikZ
Di dalam tikzpicture, tulis perintah path seperti \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5);, atau \fill[blue] (0,0) rectangle (1,1);, masing-masing diakhiri titik koma.
Garis dan koordinat
Muat TikZ dengan \usepackage{tikz}. Sebuah gambar berada di dalam tikzpicture. \draw menggoreskan sebuah path, dan -- menghubungkan titik-titik dengan garis lurus. Koordinat biasa seperti (2,1) dinyatakan dalam sentimeter.
Garis patah, segitiga tertutup, dan kisi
\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 menutup path kembali ke titik awalnya, sehingga isian punya sudut yang rapi.
Bentuk
| Path | Menggambar |
|---|---|
(0,0) rectangle (2,1) | persegi panjang dari satu sudut ke sudut lainnya |
(1,1) circle (0.5) atau circle[radius=0.5] | lingkaran di sekitar titik pusat |
(1,1) ellipse (1 and 0.5) | elips dengan dua jari-jari |
(1,0) arc (0:90:1) atau arc[start angle=0, end angle=90, radius=1] | busur dari titik saat ini |
(0,0) grid (3,2) | garis kisi berjarak 1 cm (step=0.5 untuk jarak lain) |
(0,0) .. controls (1,1) and (2,1) .. (3,0) | kurva Bézier |
(0,0) to[out=90, in=180] (2,2) | kurva yang keluar dan masuk pada sudut tertentu |
Persegi panjang, lingkaran, elips, busur, dan kurva
\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}Warna, tebal garis, dan garis putus-putus
Opsi dalam kurung siku mengatur gaya path. Nama warna saja mengatur goresannya; fill= mengisi bentuk, dan \fill mengisi tanpa goresan. \filldraw melakukan keduanya.
Tebal garis, pola putus-putus, warna, dan opasitas
\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}Warna bisa berupa nama xcolor apa pun (red, teal, violet ...), campuran seperti blue!30!white, atau warna yang Anda definisikan dengan \definecolor{mine}{HTML}{0072B2}.
Gradasi
\shade mengisi bentuk dengan gradasi warna: left color dan right color (atau top color dan bottom color) untuk gradasi linear, inner color dan outer color untuk gradasi radial, dan ball color untuk bola yang tersinari.
Gradasi linear, radial, dan bola
\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}Mengulang dengan foreach
\foreach mengulang sebuah perintah untuk setiap nilai dalam daftar. {0,1,...,5} mengisi langkah-langkah di antaranya. Variabel perulangan bisa dipakai di koordinat, warna, dan teks.
Lingkaran dan label dari perulangan
\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) adalah koordinat polar: sudut dan jarak. ++ membuat koordinat relatif terhadap titik sebelumnya.
Scope dan transformasi
scope menerapkan opsi pada semua yang ada di dalamnya: warna, gaya garis, dan transformasi seperti shift, rotate, scale, xscale, dan yscale.
Persegi yang sama, digeser, diputar, dan diskalakan
\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}Gambar kecil di dalam teks
\tikz menggambar gambar kecil di dalam paragraf, seperti titik berwarna di samping sebuah kata. Tulis path-nya langsung sesudahnya, diakhiri titik koma.
\tikz di dalam kalimat
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.Apa yang berbeda dari instalasi TeX
Manual TikZ adalah bagian dari PGF di CTAN: ctan.org/pkg/pgf. Untuk plot dengan sumbu, pakai pgfplots.
Tanya jawab
Bagaimana cara menggambar lingkaran di LaTeX?
Muat TikZ lalu tulis \begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture}. Nilai di dalam tanda kurung adalah jari-jari dalam sentimeter.
Satuan apa yang dipakai koordinat TikZ?
Angka biasa berarti sentimeter. Anda juga bisa menulis satuannya, misalnya (2pt,1mm) atau (1in,0).
Bagaimana cara mengisi bentuk dengan warna?
Pakai \fill[blue] ...; untuk isian tanpa garis tepi, atau \draw[fill=blue!20] ...; untuk keduanya.
Setiap contoh di halaman ini ditata oleh Scissor LaTeX saat situs dibuat. Terakhir diperbarui 2026-11-07.