> 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/sv/fordjupade-artiklar/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Hur man ritar vektorgrafik med TikZ i LaTeX **Författare: Cody Herring (maj 2013)** ### Procedurgrafik i LaTeX: grunderna Traditionellt representeras grafik som bitkartor, med allt från 1 bit (svartvitt) till 24 bitar (äkta färg). Detta möjliggör enkel visning av grafik på en traditionell (rektangulär) datorskärm. Det kan dock vara svårt och tidskrävande att generera bitkartor som noggrant representerar vad som ska visas på ett dokument eller på papper. Procedurgrafik hjälper till med detta genom att möjliggöra att ett mer väldefinierat och lättförståeligt system, såsom Scalable Vector Graphics (SVG), används. Genom att definiera vektorer, linjer och former i stället för enskilda pixlar kan bilder enkelt genereras för flera storlekar, bildförhållanden, pixeltätheter, utskriftskvaliteter och mer. Denna handledning ger en kort introduktion till procedurgrafik med hjälp av Portable Graphics Format och TikZ: * **Portabelt grafikformat** (PGF) är ett grundläggande verktygsset som gör det möjligt att skapa enkel grafik och enkla figurer; * **TikZ** är ett tillägg till PGF, som möjliggör användning av en mängd förbyggda figurer. Utförlig dokumentation om TikZ och PGF finns i [PGF-manualen](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### Att använda PGF och TikZ För att använda paketet TikZ måste det importeras: ```latex \usepackage{tikz} ``` För att rita bilder måste `tikzpicture` -miljön användas: ```latex \begin{tikzpicture} kommandon här \end{tikzpicture} ``` ### Grundläggande ritning TikZ möjliggör att många olika former och banor kan ritas. Här visas några grundläggande ritningstekniker. Dessa tekniker kan kombineras för att skapa mer komplexa ritningar. #### Raka banor En rak bana från en punkt till en annan kan ritas med `\draw` kommandot enligt ett X/Y-koordinatsystem (horisontellt/vertikalt), så här: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Flera `\draw` anrop kan också kedjas ihop. Detta ritar ett axelpar från -5 till +5 i X-riktningen och från -2 till +2 i Y-riktningen. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/fc4679b6a431d7efec34bad66c589902951688a7) Stilar kan tillämpas på dessa linjer genom att lägga till ytterligare parametrar. Här är samma diagram, men med gröna, prickade, ultratjocka linjer roterade 15 grader moturs: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/6798686f304bc71d6b4826ff65eaf44916cbb15c) #### Ändra storleken på ett diagram Ibland är standardstorleken på ett diagram för stor eller för liten. Genom att använda `scale` -parametern när `tikzpicture` -miljön deklareras kan olika storlekar användas samtidigt som samma proportioner behålls: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` Följande bild visar effekten före och efter att `[scale=0.3]`: ![TiKZFigure 3.png](/files/a4e4bf130afa0b8a1ed03624d3e9709f92b86b49) #### Lägga till pilspetsar Pilar kan vara användbara för grafer och diagram, och de är enkla att inkludera i en TikZ-bild. De stilar som visades tidigare kan användas, liksom flera olika pilspetsar. ```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/59697955feff32ec9f5488b07a98199b9a3ab6fc) ### Rita kurvor Det enklaste sättet att rita en kurva med TikZ är att ange start- och slutpunkt samt den önskade vinkeln som lämnar startpunkten och anländer till slutpunkten. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/e1a65deb779fbbdc6ce9dc0f356a37697d3bce01) Mycket mer komplexa diagram kan också skapas med kedjade anrop. PGF kommer att försöka rita så mjuka linjer som möjligt med de angivna riktningarna. ```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/053aac7527a4c61ad0697007df2bf4bc3e8faf43) ### Slutsats Det finns ingen gräns för vad som kan ritas med vektorgrafik, och deras värde i att möjliggöra skalbara, lättredigerade diagram och bilder är en stor fördel för LaTeX-användare som letar efter ett enkelt sätt att använda grafik. Detta inlägg skrapar bara på ytan av vad som är möjligt, men bör vara en bra introduktion till vektorgrafikens möjligheter och TikZ/PGF-miljön. Ytterligare resurser: * [Minimal introduktion till TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [CTAN-dokumentation om TikZ och PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Overleafs Wiki-sida för att lära sig](/latex/sv/figurer-och-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/sv/fordjupade-artiklar/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.