> 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/da/figurer-og-tabeller/05-tikz-package.md). # TikZ-pakken ## Introduktion [Ti*k*Z](https://en.wikipedia.org/wiki/PGF/TikZ) er sandsynligvis det mest komplekse og kraftfulde værktøj til at skabe grafiske elementer i LaTeX. Med et simpelt eksempel introducerer denne artikel nogle grundlæggende begreber: at tegne linjer, prikker, kurver, cirkler, rektangler osv. Først indlæses `tikz` pakken ved at inkludere linjen `\usepackage{tikz}` i dokumentets præambel, og tegn derefter en grafik ved hjælp af `tikzpicture` miljøet. ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw[gray, thick] (-1,2) -- (2,-4); \draw[gray, thick] (-1,-1) -- (2,2); \filldraw[black] (0,0) circle (2pt) node[anchor=west]{Skæringspunkt}; \end{tikzpicture} \end{document} ``` [Åbn dette eksempel i Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=First+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%5Cdraw%5Bgray%2C+thick%5D+%28-1%2C2%29+--+%282%2C-4%29%3B%0A%5Cdraw%5Bgray%2C+thick%5D+%28-1%2C-1%29+--+%282%2C2%29%3B%0A%5Cfilldraw%5Bblack%5D+%280%2C0%29+circle+%282pt%29+node%5Banchor%3Dwest%5D%7BIntersection+point%7D%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Dette eksempel giver følgende output: ![OLV2tikz1.png](/files/21aa176651aa3dab3195381b0644d4f0befdcd6c) I dette eksempel tegnes to linjer og et punkt. For at tilføje en linje er kommandoen `\draw[gray, thick]` definerer et grafisk element, hvis *farve* er `grå` og med et `tykt` strejf. Linjen er faktisk defineret af dens to endepunkter, `(-1,2)` og `(2,-4)`, forbundet af `--`. Den *punkt* er faktisk en `cirkel` tegnet af `\filldraw[black]`, denne kommando vil ikke kun tegne cirklen, men fylde den med sort. I denne kommando er midtpunktet `(0,0)` og radiusen `(2pt)` angives. Ved siden af punktet er der en `node`, som faktisk er en boks, der indeholder teksten `skæringspunkt`, og som er forankret ved `vest` af punktet. Det er vigtigt at bemærke semikolonet `;` der bruges i slutningen af hver `tegne` kommandoen. Bemærk: Det `tikzfigure` miljø kan indrammes inde i et figure- eller lignende miljø. Se [Indsættelse af billeder](/latex/da/flere-emner/27-inserting-images.md) artiklen for mere information om dette emne. ## Grundlæggende elementer: punkter, linjer og stier I dette afsnit giver vi nogle eksempler, der viser, hvordan man opretter nogle grundlæggende grafiske elementer, som kan kombineres for at skabe mere avancerede figurer. ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw (-2,0) -- (2,0); \filldraw [gray] (0,0) circle (2pt); \draw (-2,-2) .. controls (0,0) .. (2,-2); \draw (-2,2) .. controls (-1,0) and (1,0) .. (2,2); \end{tikzpicture} \end{document} ``` [Åbn dette eksempel i Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Second+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%0A%5Cdraw+%28-2%2C0%29+--+%282%2C0%29%3B%0A%5Cfilldraw+%5Bgray%5D+%280%2C0%29+circle+%282pt%29%3B%0A%5Cdraw+%28-2%2C-2%29+..+controls+%280%2C0%29+..+%282%2C-2%29%3B%0A%5Cdraw+%28-2%2C2%29+..+controls+%28-1%2C0%29+and+%281%2C0%29+..+%282%2C2%29%3B%0A%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Dette eksempel giver følgende output: ![OLV2tikz2.png](/files/8fe166efa6c1ba9db05f03d310b61cdd4c176e40) Der er tre grundlæggende kommandoer i dette eksempel: * **`\draw (-2,0) -- (2,0);`**: Dette definerer en linje, hvis endepunkter er `(-2,0)` og `(2,0)`. * **`\filldraw [gray] (0,0) circle (2pt);`**: Punktet oprettes som en meget lille `grå` `cirkel` centreret ved `(0,0)` og hvis radius er `(2pt)`. `\filldraw` kommandoen bruges til at tegne elementer og fylde dem med en bestemt farve. Se næste afsnit for flere eksempler. * **`\draw (-2,2) .. controls (-1,0) and (1,0) .. (2,2);`**: Tegner en [Bézierkurve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). Der er 4 punkter, der definerer den: `(-2,2)` og `(2,2)` er dens endepunkter, `(-1,0)` og `(1,0)` er [*kontrolpunkter*](https://en.wikipedia.org/wiki/Control_point_\(mathematics\)) der bestemmer, "hvor krum" den er. Du kan betragte disse to punkter som "tiltrækningspunkter". ## Grundlæggende geometriske former: cirkler, ellipser og polygoner Geometriske figurer kan konstrueres ud fra enklere elementer, så lad os begynde med cirkler, ellipser og buer. ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \filldraw[color=red!60, fill=red!5, very thick](-1,0) circle (1.5); \fill[blue!50] (2.5,0) ellipse (1.5 and 0.5); \draw[ultra thick, ->] (6.5,0) arc (0:220:1); \end{tikzpicture} \end{document} ``` [Åbn dette eksempel i Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Third+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%5Cfilldraw%5Bcolor%3Dred%2160%2C+fill%3Dred%215%2C+very+thick%5D%28-1%2C0%29+circle+%281.5%29%3B%0A%5Cfill%5Bblue%2150%5D+%282.5%2C0%29+ellipse+%281.5+and+0.5%29%3B%0A%5Cdraw%5Bultra+thick%2C+-%3E%5D+%286.5%2C0%29+arc+%280%3A220%3A1%29%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Dette eksempel giver følgende output: ![TikzEx3.png](/files/2936e535335d3f9176a28a3e0002d79f30277663) * **`\filldraw[color=red!60, fill=red!5, very thick](-1,0) circle (1.5);`**: Denne kommando blev brugt i det foregående afsnit til at tegne en *punkt*, men i dette tilfælde er der nogle ekstra parametre i klammerne. De forklares nedenfor: * **`color=red!60`**: Farven på ringen omkring cirklen er sat til 60 % rød (lysere end "ren" rød). Se [referencevejledningen](#reference-guide) for en liste over de standardfarver, der er tilgængelige i LaTeX; se også [Brug af farver i LaTeX](/latex/da/formatering/13-using-colors-in-latex.md) for at lære, hvordan du opretter dine egne farver. * **`fill=red!5`**: Cirklen er fyldt med en endnu lysere nuance af rød. * **`meget tyk`**: Denne parameter definerer stregens tykkelse. Se [referencevejledningen](#reference-guide) for en komplet liste over værdier. * **`\fill[blue!50] (2.5,0) ellipse (1.5 and 0.5);`**: For at oprette en ellipse angiver du et midtpunkt `(2.5,0)`, og to radier: vandret og lodret (`1.5` og `0.5` henholdsvis). Bemærk også kommandoen `fyld` i stedet for `tegne` eller filldraw, for i dette tilfælde er der ikke behov for at styre ydre og indre farver. * **`\draw[ultra thick, ->] (6.5,0) arc (0:220:1);`**: Denne kommando tegner en bue, der starter ved `(6.5,0)`. Den ekstra parameter `->` angiver, at buen vil have en pil i enden. Ud over startpunktet skal du angive tre yderligere værdier: start- og slutvinklerne samt radiusen; her er disse tre parameterværdier angivet i formatet `(0:220:1)`. Ud over krumme geometriske former kan du også skabe elementer, der bruger rette linjer, med en lignende syntaks: ```latex \documentclass{article} \usepackage{tikz} \begin{document} \begin{tikzpicture} \draw[blue, very thick] (0,0) rectangle (3,2); \draw[orange, ultra thick] (4,0) -- (6,0) -- (5.7,2) -- cycle; \end{tikzpicture} \end{document} ``` [Åbn dette eksempel i Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Fourth+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%0A%5Cdraw%5Bblue%2C+very+thick%5D+%280%2C0%29+rectangle+%283%2C2%29%3B%0A%5Cdraw%5Borange%2C+ultra+thick%5D+%284%2C0%29+--+%286%2C0%29+--+%285.7%2C2%29+--+cycle%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Dette eksempel giver følgende output: ![OLV2tikz4.png](/files/380ef6a55f7b6ed3b6b0b08d7e9786cf2eb66703) * **`\draw[blue, very thick] (0,0) rectangle (3,2);`**: Rektangler oprettes med den særlige kommando `rectangle`. Du skal angive to punkter, det første er det sted, hvor "blyanten" begynder at tegne rektanglet, og det andet er det diagonalt modsatte hjørnepunkt. * **`\draw[orange, ultra thick] (4,0) -- (6,0) -- (5.7,2) -- cycle;`**: For at tegne en polygon tegner vi en *lukket* sti af rette linjer: en linje fra `(4,0)` til `(6,0)` og en linje fra `(6,0)` til `(5.7,2)`. `cycle` kommandoen betyder, at start- og slutpunkterne skal falde sammen for at skabe en "lukket" sti (figur), hvilket resulterer i opbygningen af det sidste linjesegment. ## Diagrammer Noder er sandsynligvis de mest alsidige elementer i TikZ. Vi har allerede brugt en node i introduktionen—til at tilføje noget tekst til figuren. Det næste eksempel bruger noder til at skabe et diagram. ```latex \documentclass{article} \usepackage{tikz} \usetikzlibrary{positioning} \begin{document} \begin{tikzpicture}[ roundnode/.style={circle, draw=green!60, fill=green!5, very thick, minimum size=7mm}, squarednode/.style={rectangle, draw=red!60, fill=red!5, very thick, minimum size=5mm}, ] %Noder \node[squarednode] (maintopic) {2}; \node[roundnode] (uppercircle) [above=of maintopic] {1}; \node[squarednode] (rightsquare) [right=of maintopic] {3}; \node[roundnode] (lowercircle) [below=of maintopic] {4}; %Linjer \draw[->] (uppercircle.south) -- (maintopic.north); \draw[->] (maintopic.east) -- (rightsquare.west); \draw[->] (rightsquare.south) .. controls +(down:7mm) and +(right:7mm) .. (lowercircle.east); \end{tikzpicture} \end{document} ``` [Åbn dette eksempel i Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=More+advanced+TikZ+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Btikz%7D%0A%5Cusetikzlibrary%7Bpositioning%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cbegin%7Btikzpicture%7D%5B%0Aroundnode%2F.style%3D%7Bcircle%2C+draw%3Dgreen%2160%2C+fill%3Dgreen%215%2C+very+thick%2C+minimum+size%3D7mm%7D%2C%0Asquarednode%2F.style%3D%7Brectangle%2C+draw%3Dred%2160%2C+fill%3Dred%215%2C+very+thick%2C+minimum+size%3D5mm%7D%2C%0A%5D%0A%25Nodes%0A%5Cnode%5Bsquarednode%5D++++++%28maintopic%29++++++++++++++++++++++++++++++%7B2%7D%3B%0A%5Cnode%5Broundnode%5D++++++++%28uppercircle%29+++++++%5Babove%3Dof+maintopic%5D+%7B1%7D%3B%0A%5Cnode%5Bsquarednode%5D++++++%28rightsquare%29+++++++%5Bright%3Dof+maintopic%5D+%7B3%7D%3B%0A%5Cnode%5Broundnode%5D++++++++%28lowercircle%29+++++++%5Bbelow%3Dof+maintopic%5D+%7B4%7D%3B%0A%0A%25Lines%0A%5Cdraw%5B-%3E%5D+%28uppercircle.south%29+--+%28maintopic.north%29%3B%0A%5Cdraw%5B-%3E%5D+%28maintopic.east%29+--+%28rightsquare.west%29%3B%0A%5Cdraw%5B-%3E%5D+%28rightsquare.south%29+..+controls+%2B%28down%3A7mm%29+and+%2B%28right%3A7mm%29+..+%28lowercircle.east%29%3B%0A%5Cend%7Btikzpicture%7D%0A%5Cend%7Bdocument%7D) Dette eksempel giver følgende output: ![OLV2tikz5.png](/files/ad45fdcf53fb7e503d42ec56549fc22444210050) Der er i det væsentlige tre kommandoer i denne figur: En node-definition, en node-erklæring og linjer, der forbinder to noder. * **`roundnode/.style={circle, draw=green!60, fill=green!5, very thick, minimum size=7mm}`**: Givet som en parameter til `tikzpicture` miljøet. Det definerer en node, som vil blive omtalt som `roundnode`: denne node vil være en cirkel, hvis yderring tegnes med farven `green!60` og fyldes med `green!5`. Stregen vil være `meget tyk` og dens `minimumsstørrelse` er `7mm`. Linjen nedenfor definerer en anden rektangulær node kaldet `squarednode`, ved hjælp af lignende parametre. * **`\node[squarednode] (maintopic) {2};`**: Dette vil oprette en `squarednode`, som defineret i den foregående kommando. Denne node vil have et id på `maintopic` og vil indeholde tallet `2`. Hvis du lader et tomt mellemrum stå inde i klammerne, vises ingen tekst. * **`[above=of maintopic]`**: Bemærk, at alle undtagen den første node har en ekstra parameter, der bestemmer dens position i forhold til andre noder. For eksempel, `[above=of maintopic]` betyder, at denne node skal vises over noden med navnet `maintopic`. For at dette positioneringssystem kan fungere, skal du tilføje `\usetikzlibrary{positioning}` til din præambel. Uden `positioning` biblioteket kan du i stedet bruge syntaksen `above of=maintopic` i stedet, men syntaksen `positioning` er mere fleksibel og kraftfuld: du kan udvide den til at skrive `above=**3cm** of maintopic` dvs. styre den faktiske afstand fra `maintopic`. * **`\draw[->] (uppercircle.south) -- (maintopic.north);`**: En pil-lignende lige linje vil blive tegnet. Syntaksen er allerede blevet forklaret i afsnittet om [grundlæggende elementer](#basic-elements-points-lines-and-paths) . Den eneste forskel er den måde, hvorpå vi skriver linjens endepunkter: ved at referere til en node (derfor navngav vi dem) og en position i forhold til noden. ## Referenceguide Mulige farve- og tykkelsesparametre i `tikz` pakken: | parameter | værdier | picture | | --------- | ----------------------------------------------------- | -------------------------------------------------------------------- | | color- | hvid, sort, rød, grøn, blå, cyan, magenta, gul | ![BasicColours.png](/files/2ed3a2a270681d2480c80d886cb096a874f33b91) | | tykkelse | ultratynd, meget tynd, tynd, tyk, meget tyk, ultratyk | ![Thickness.png](/files/32746cf78d06607ddbc53da84f8be27524fa5f1e) | Der kan være flere farver tilgængelige i din LaTeX-distribution. Se [Brug af farver i LaTeX](/latex/da/formatering/13-using-colors-in-latex.md) ## Yderligere læsning For mere information se: * [Brug af farver i LaTeX](/latex/da/formatering/13-using-colors-in-latex.md) * [Pgfplots-pakken](/latex/da/fag-specifikt/08-pgfplots-package.md) * [Indsættelse af billeder](/latex/da/flere-emner/27-inserting-images.md) * [Lister over tabeller og figurer](/latex/da/figurer-og-tabeller/03-lists-of-tables-and-figures.md) * [Placering af billeder og tabeller](/latex/da/figurer-og-tabeller/02-positioning-images-and-tables.md) * [Tegning af diagrammer direkte i LaTeX](/latex/da/figurer-og-tabeller/04-picture-environment.md) * [TikZ- og PGF-pakkemanualen](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf) * [TikZ- og PGF-eksempler på TeXample.net](http://www.texample.net/tikz/examples/all/) --- # 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/da/figurer-og-tabeller/05-tikz-package.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.