Vai al contenuto

Disegni con TikZ

Dentro un tikzpicture, scrivi comandi di percorso come \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5); o \fill[blue] (0,0) rectangle (1,1);, ciascuno terminato da un punto e virgola.

Linee e coordinate

Carica TikZ con \usepackage{tikz}. Un disegno sta in un tikzpicture. \draw traccia un percorso, e -- unisce i punti con linee rette. Le coordinate semplici come (2,1) sono in centimetri.

Una spezzata, un triangolo chiuso e una griglia

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
\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 chiude un percorso tornando al suo inizio, così un riempimento ha un angolo pulito.

Forme

PercorsoDisegna
(0,0) rectangle (2,1)un rettangolo da un angolo all’altro
(1,1) circle (0.5) oppure circle[radius=0.5]un cerchio intorno a un centro
(1,1) ellipse (1 and 0.5)un’ellisse con due raggi
(1,0) arc (0:90:1) oppure arc[start angle=0, end angle=90, radius=1]un arco a partire dal punto corrente
(0,0) grid (3,2)linee di griglia, a 1 cm di distanza (step=0.5 per altri passi)
(0,0) .. controls (1,1) and (2,1) .. (3,0)una curva di Bézier
(0,0) to[out=90, in=180] (2,2)una curva che esce ed entra con angoli dati

Rettangolo, cerchio, ellisse, arco e curve

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
\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}

Colori, spessori e tratteggi

Le opzioni tra parentesi quadre definiscono lo stile del percorso. Un semplice nome di colore imposta il tratto; fill= riempie la forma, e \fill riempie senza tratto. \filldraw fa entrambe le cose.

Spessori, tratteggi, colori e opacità

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
\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}

I colori possono essere qualsiasi nome di xcolor (red, teal, violet ...), una miscela come blue!30!white, oppure un colore che definisci con \definecolor{mine}{HTML}{0072B2}.

Sfumature

\shade riempie una forma con un gradiente di colore: left color e right color (oppure top color e bottom color) per uno lineare, inner color e outer color per uno radiale, e ball color per una sfera illuminata.

Sfumatura lineare, radiale e a sfera

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
\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}

Ripetere con foreach

\foreach ripete un comando per ogni valore di un elenco. {0,1,...,5} completa i passi intermedi. La variabile del ciclo si può usare nelle coordinate, nei colori e nel testo.

Cerchi ed etichette da un ciclo

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
\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) è una coordinata polare: angolo e distanza. ++ rende una coordinata relativa al punto precedente.

Scope e trasformazioni

Uno scope applica le opzioni a tutto ciò che contiene: colori, stili di linea e trasformazioni come shift, rotate, scale, xscale e yscale.

Lo stesso quadrato, traslato, ruotato e scalato

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
\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}

Una piccola figura nel testo

\tikz disegna una piccola figura dentro un paragrafo, come un pallino colorato accanto a una parola. Scrivi il percorso subito dopo, terminandolo con un punto e virgola.

\tikz dentro una frase

LaTeXPreambolo: \usepackage{tikz}Apri nell'editor (si apre in una nuova scheda)
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

Cosa cambia rispetto a un’installazione TeX

Il manuale di TikZ fa parte di PGF su CTAN: ctan.org/pkg/pgf. Per i grafici con assi, usa pgfplots.

Domande e risposte

Come si disegna un cerchio in LaTeX?

Carica TikZ e scrivi \begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture}. Il valore tra parentesi è il raggio in centimetri.

Che unità usano le coordinate di TikZ?

I numeri semplici sono centimetri. Puoi anche scrivere le unità, per esempio (2pt,1mm) o (1in,0).

Come si riempie una forma di colore?

Usa \fill[blue] ...; per un riempimento senza contorno, oppure \draw[fill=blue!20] ...; per entrambi.

Ogni esempio di questa pagina viene composto da Scissor LaTeX quando il sito viene generato. Ultimo aggiornamento: 2026-11-07.