> 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/no/dybdeartikler/26-how-to-draw-vector-graphics-using-tikz-in-latex.md).

# Hvordan tegne vektorgrafikk ved hjelp av TikZ i LaTeX

**Forfatter: Cody Herring (mai 2013)**

### Prosedyregrafikk i LaTeX: det grunnleggende

Tradisjonelt representeres grafikk som bitmaps, med alt fra 1 bit (svart-hvitt) til 24 bits (ekte farger). Dette gir enkel visning av grafikk på en tradisjonell (rektangulær) dataskjerm. Det kan imidlertid være vanskelig og tidkrevende å generere bitmaps som nøyaktig gjengir det som skal vises i et dokument eller på papir.

Prosedyregrafikk hjelper med dette ved å gjøre det mulig å bruke et mer veldefinert og lett forståelig system som Scalable Vector Graphics (SVG). Ved å definere vektorer, linjer og former i stedet for individuelle piksler, kan bilder enkelt genereres for flere størrelser, sideforhold, pikseltettheter, utskriftskvaliteter og mer. Denne veiledningen vil gi en kort introduksjon til prosedyregrafikk ved hjelp av Portable Graphics Format og TikZ:

* **Portabelt grafikkformat** (PGF) er et grunnleggende verktøysett som gjør det mulig å lage enkle grafikker og figurer;
* **TikZ** er en utvidelse av PGF, som gjør det mulig å bruke en rekke forhåndsbygde figurer.

Utførlig dokumentasjon om TikZ og PGF finnes i [PGF-manualen](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf).

### Bruke PGF og TikZ

For å bruke TikZ-pakken må den importeres:

```latex
\usepackage{tikz}
```

For å tegne bilder må `tikzpicture` miljøet brukes:

```latex
\begin{tikzpicture}
kommandoer kommer her
\end{tikzpicture}
```

### Grunnleggende tegning

TikZ gjør det mulig å tegne mange ulike former og stier. Her vises noen grunnleggende tegneteknikker. Disse teknikkene kan kombineres for å lage mer komplekse tegninger.

#### Rette linjer

En rett linje fra ett punkt til et annet kan tegnes med `\draw` kommandoen i henhold til et X/Y-koordinatsystem (horisontalt/vertikalt), slik:

```latex
\begin{tikzpicture}
\draw (5,0) -- (-5, 0);
\end{tikzpicture}
```

Flere `\draw` kall kan også kjedes sammen. Dette tegner et sett med akser fra -5 til +5 i X-retningen og fra -2 til +2 i Y-retningen.

```latex
\begin{tikzpicture}
\draw   (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

![TikZFigure 1.png](/files/cfb1eb00e2d1905db6d81eb72bea81375a96f89a)

Stiler kan brukes på disse linjene ved å legge til flere parametere. Her er det samme diagrammet, men med grønne, stiplete, veldig tykke linjer rotert 15 grader mot klokken:

```latex
\begin{tikzpicture}
\draw[green, dotted, ultra thick, rotate=15]
        (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

![TiKZFigure 2.png](/files/9d96d29b81ef731b49ee55c44187982f9322b84a)

#### Endre størrelsen på et diagram

Noen ganger er standardstørrelsen på et diagram for stor eller for liten. Ved å bruke `skalering` parameteren når du deklarerer `tikzpicture` miljøet gir mulighet for ulike størrelser samtidig som de samme proporsjonene bevares:

```latex
\begin{tikzpicture}[scale=0.3]
\draw   (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

Følgende bilde viser effekten før og etter å bruke `[scale=0.3]`:

![TiKZFigure 3.png](/files/1d24bb580525de74a36e39d333de56c2ae371866)

#### Legge til pilspisser

Piler kan være nyttige for grafer og diagrammer, og de er enkle å ta med i et TikZ-bilde. Stilene som ble demonstrert tidligere kan brukes, i tillegg til flere ulike pilspisser.

```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/ff92006978d0f3f975cff603bd8fdf14faf941d4)

### Tegne kurver

Den enkleste måten å tegne en kurve med TikZ på er å angi start- og endepunktet, samt ønsket vinkel når kurven forlater startpunktet og ankommer endepunktet.

```latex
\begin{tikzpicture}
\draw[ultra thick]
(0,0) to [out=75,in=135](3,4);
\end{tikzpicture}
```

![TiKZFigure 5.png](/files/e0b32af0c08289dc6a33f5748c513b04a5720d72)

Mye mer komplekse diagrammer kan også lages ved å bruke kjedede kall. PGF vil forsøke å tegne de jevneste mulige linjene ved hjelp av de oppgitte retningene.

```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/9deb29d31a0b844b3aac8ae9f9b098287ff7190e)

### Konklusjon

Det finnes ingen grenser for hva som kan tegnes med vektorgrafikk, og verdien av å kunne lage skalerbare, lett redigerbare diagrammer og bilder er en stor fordel for LaTeX-brukere som er på jakt etter en enkel måte å bruke grafikk på. Dette innlegget skraper bare i overflaten av hva som er mulig, men bør være en god introduksjon til mulighetene med vektorgrafikk og TikZ/PGF-miljøet.

Ytterligere ressurser:

* [Minimal introduksjon til TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf);
* [CTAN-dokumentasjon om TikZ og PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf);
* [Overleafs lærings-wikiside](/latex/no/figurer-og-tabeller/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/no/dybdeartikler/26-how-to-draw-vector-graphics-using-tikz-in-latex.md?ask=<question>&goal=<endgoal>
```

`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.