> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/it/articoli-approfonditi/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Come disegnare grafica vettoriale usando TikZ in LaTeX **Autore: Cody Herring (maggio 2013)** ### Grafica procedurale in LaTeX: le basi Tradizionalmente, la grafica è rappresentata come bitmap, con qualsiasi cosa da 1 bit (bianco e nero) a 24 bit (colore vero). Ciò consente una semplice visualizzazione della grafica su uno schermo computer tradizionale (rettangolare). Tuttavia, può essere difficile e noioso generare bitmap che rappresentino accuratamente ciò che dovrebbe essere mostrato su un documento o su carta. La grafica procedurale aiuta in questo consentendo l'uso di un sistema più ben definito e facilmente comprensibile, come le Scalable Vector Graphics (SVG). Definendo vettori, linee e forme invece di singoli pixel, le immagini possono essere generate facilmente per più dimensioni, proporzioni, densità di pixel, qualità di stampa e altro ancora. Questo tutorial fornirà una breve introduzione alla grafica procedurale usando il Portable Graphics Format e TikZ: * **Portable Graphics Format** (PGF) è un insieme di strumenti di base, che consente di produrre grafica e figure semplici; * **TikZ** è un'estensione di PGF, che consente l'uso di una moltitudine di figure predefinite. Una documentazione estesa su TikZ e PGF può essere trovata nel [Manuale PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### Usare PGF e TikZ Per usare il pacchetto TikZ, deve essere importato: ```latex \usepackage{tikz} ``` Per disegnare immagini, `tikzpicture` l'ambiente deve essere utilizzato: ```latex \begin{tikzpicture} i comandi vanno qui \end{tikzpicture} ``` ### Disegno di base TikZ consente di disegnare molte forme e percorsi diversi. Qui verranno mostrate alcune tecniche di disegno di base. Queste tecniche possono essere combinate per creare disegni più complessi. #### Percorsi rettilinei Un percorso rettilineo da un punto a un altro può essere disegnato con il `\draw` comando in base a un sistema di coordinate X/Y (orizzontale/verticale), in questo modo: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Più `\draw` chiamate possono anche essere concatenate. Questo disegna un insieme di assi da -5 a +5 nella direzione X e da -2 a +2 nella direzione Y. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/4e25064da3818488bf58434e2f332e932754fb35) È possibile applicare stili a queste linee aggiungendo parametri aggiuntivi. Ecco lo stesso diagramma, ma con linee verdi, tratteggiate, ultra spesse e ruotate di 15 gradi in senso antiorario: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/710aa969d3a718e799862154be762443950f6095) #### Modificare le dimensioni di un diagramma A volte la dimensione predefinita di un diagramma è troppo grande o troppo piccola. Usando il `scale` parametro quando si dichiara l' `tikzpicture` ambiente è possibile ottenere dimensioni diverse mantenendo le stesse proporzioni: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` L'immagine seguente mostra l'effetto prima e dopo l'applicazione di `[scale=0.3]`: ![TiKZFigure 3.png](/files/96476e6cce78af4f03a2900daf0c4e4be9d3b924) #### Aggiungere punte di freccia Le frecce possono essere utili per grafici e diagrammi, ed è semplice includerle in un'immagine TikZ. È possibile utilizzare gli stili dimostrati in precedenza, così come diverse punte di freccia. ```latex \begin{tikzpicture} \draw[->](0,0) -- (5,0); \end{tikzpicture} \begin{tikzpicture} \draw[<<->>](0,0) -- (5,0); \end{tikzpicture} \begin{tikzpicture} \draw[<<->>, ultra thick, blue](0,0) -- (5,0); \end{tikzpicture} \begin{tikzpicture} \draw[|->>, thick, red](0,0) -- (5,0); \end{tikzpicture} ``` ![TiKZFigure 4.png](/files/723cec3f64b8b08d8e23495dc6f7c83a1a67e705) ### Disegno di curve Il modo più semplice per disegnare una curva con TikZ è specificare il punto di partenza e di arrivo, e l'angolo desiderato in uscita dal punto iniziale e in arrivo al punto finale. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/bb072f612dbaf219d8fdb81d1474cccd97cb8e23) Si possono creare anche diagrammi molto più complessi utilizzando chiamate concatenate. PGF cercherà di disegnare le linee più fluide possibile usando le direzioni fornite. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=90,in=180] (2,2) to [out=270,in=0](0,0) to [out=0,in=90](2,-2) to [out=180,in=270](0,0) to [out=270,in=0](-2,-2) to [out=90,in=180](0,0) to [out=180,in=270](-2,2) to [out=0,in=90](0,0); \end{tikzpicture} ``` ![TIkZFigure 6.png](/files/28640c4900675c6535948f0c3bb04c6c43ef3874) ### Conclusione Non c'è fine a ciò che può essere disegnato con la grafica vettoriale, e il loro valore nel consentire diagrammi e immagini scalabili, facilmente modificabili, è una manna per gli utenti LaTeX che cercano un modo semplice per usare la grafica. Questo articolo tocca solo la superficie di ciò che è possibile, ma dovrebbe essere una buona introduzione alle capacità della grafica vettoriale e dell'ambiente TikZ/PGF. Risorse aggiuntive: * [Introduzione minima a TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [Documentazione CTAN su TikZ e PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Pagina della wiki Learn di Overleaf](/latex/it/figure-e-tabelle/05-tikz-package.md). --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://overleaf-pro.ayaka.space/latex/it/articoli-approfonditi/26-how-to-draw-vector-graphics-using-tikz-in-latex.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.