> 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/nl/diepgaande-artikelen/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Hoe vectorafbeeldingen tekenen met TikZ in LaTeX **Auteur: Cody Herring (mei 2013)** ### Procedurele graphics in LaTeX: de basis Traditioneel worden graphics weergegeven als bitmaps, met alles van 1 bit (zwart-wit) tot 24 bits (true color). Dit maakt een eenvoudige weergave van graphics op een traditioneel (rechthoekig) computerscherm mogelijk. Het kan echter moeilijk en omslachtig zijn om bitmaps te genereren die nauwkeurig weergeven wat op een document of op papier getoond zou moeten worden. Procedurele graphics helpen hierbij door het mogelijk te maken een beter gedefinieerd en gemakkelijker te begrijpen systeem zoals Scalable Vector Graphics (SVG) te gebruiken. Door vectoren, lijnen en vormen te definiëren in plaats van afzonderlijke pixels, kunnen afbeeldingen eenvoudig worden gegenereerd voor meerdere formaten, beeldverhoudingen, pixeldichtheden, afdrukkwaliteiten en meer. Deze tutorial biedt een korte introductie tot procedurele graphics met behulp van Portable Graphics Format en TikZ: * **Portable Graphics Format** (PGF) is een basisgereedschapsset waarmee eenvoudige graphics en figuren kunnen worden gemaakt; * **TikZ** is een uitbreiding op PGF, waarmee een veelheid aan vooraf gebouwde figuren kan worden gebruikt. Uitgebreide documentatie over TikZ en PGF is te vinden in de [PGF-handleiding](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### PGF en TikZ gebruiken Om het TikZ-pakket te gebruiken, moet het worden geïmporteerd: ```latex \usepackage{tikz} ``` Om afbeeldingen te tekenen, moet de `tikzpicture` omgeving worden gebruikt: ```latex \begin{tikzpicture} commando's komen hier \end{tikzpicture} ``` ### Basis tekenen TikZ maakt het mogelijk om veel verschillende vormen en paden te tekenen. Hier worden enkele basistechnieken voor tekenen getoond. Deze technieken kunnen worden gecombineerd om complexere tekeningen te maken. #### Rechte paden Een recht pad van het ene punt naar het andere kan worden getekend met het `\draw` commando volgens een X/Y-(horizontaal/verticaal) coördinatensysteem, als volgt: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Meerdere `\draw` aanroepen kunnen ook aan elkaar worden geregen. Hiermee wordt een assenstelsel getekend van -5 tot +5 in de X-richting en van -2 tot +2 in de Y-richting. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/49341efbe706faf5e448294b3b617fed4d0c1a0c) Stijlen kunnen op deze lijnen worden toegepast door extra parameters toe te voegen. Hier is hetzelfde diagram, maar met groene, gestippelde, extra dikke lijnen die 15 graden tegen de klok in zijn gedraaid: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/99f55e0264b3d5088e53dc83c6440b460746e2e8) #### De grootte van een diagram wijzigen Soms is de standaardgrootte van een diagram te groot of te klein. Door de `schaal` parameter te gebruiken bij het declareren van de `tikzpicture` omgeving kunnen verschillende formaten worden gebruikt terwijl dezelfde verhoudingen behouden blijven: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` De volgende afbeelding laat het verschil zien tussen vóór en na het toepassen van `[scale=0.3]`: ![TiKZFigure 3.png](/files/61d7e06034db2078a056177cb717717c8cfeaca3) #### Pijlpuntjes toevoegen Pijlen kunnen nuttig zijn voor grafieken en diagrammen, en ze zijn eenvoudig toe te voegen in een TikZ-afbeelding. De eerder getoonde stijlen kunnen worden gebruikt, evenals verschillende pijlpuntjes. ```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/12de04abb7abfead6e8453187d8d8fcdfdfa7366) ### Krommen tekenen De eenvoudigste manier om met TikZ een kromme te tekenen is door het begin- en eindpunt op te geven, evenals de gewenste hoek waarmee de kromme het beginpunt verlaat en het eindpunt bereikt. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/59aaabb03459807078d3b9699f116e71705fc492) Veel complexere diagrammen kunnen ook worden gemaakt met behulp van aaneengeschakelde aanroepen. PGF probeert de gladste mogelijke lijnen te tekenen met behulp van de opgegeven richtingen. ```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/c11e67de85647c62bf54b6441cc7885c3efa90aa) ### Conclusie Er is geen einde aan wat er met vectorgraphics kan worden getekend, en hun waarde bij het mogelijk maken van schaalbare, gemakkelijk bewerkbare diagrammen en afbeeldingen is een zegen voor LaTeX-gebruikers die op zoek zijn naar een eenvoudige manier om graphics te gebruiken. Dit bericht is slechts een eerste kennismaking met wat mogelijk is, maar zou een goede introductie moeten zijn tot de mogelijkheden van vectorgraphics en de TikZ/PGF-omgeving. Aanvullende bronnen: * [Minimale introductie tot TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [CTAN-documentatie over TikZ & PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Overleaf's learn-wikipagina](/latex/nl/afbeeldingen-en-tabellen/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/nl/diepgaande-artikelen/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.