> 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/fi/syvalliset-artikkelit/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Kuinka piirtää vektorigrafiikkaa TikZ:llä LaTeXissa **Tekijä: Cody Herring (toukokuu 2013)** ### Proceduraaligrafiikka LaTeXissa: perusteet Perinteisesti grafiikka esitetään bittikarttoina, joissa voi olla 1 bitin (mustavalkoinen) ja 24 bitin (true color) väliltä. Tämä mahdollistaa grafiikan yksinkertaisen näyttämisen perinteisellä (suorakulmaisella) tietokoneen näytöllä. Bittikarttojen luominen, jotka esittävät tarkasti sen, mikä pitäisi näyttää dokumentissa tai paperilla, voi kuitenkin olla hankalaa ja työlästä. Proceduraaligrafiikka auttaa tässä sallimalla käytettäväksi paremmin määritellyn ja helposti ymmärrettävän järjestelmän, kuten Scalable Vector Graphicsin (SVG). Määrittelemällä vektoreita, viivoja ja muotoja yksittäisten pikselien sijaan kuvia voidaan helposti tuottaa useille eri ko'oille, kuvasuhteille, pikselitiheyksille, tulostuslaaduille ja muille tarpeille. Tämä opas tarjoaa lyhyen johdannon proceduraaligrafiikkaan käyttäen Portable Graphics Formatia ja TikZiä: * **Siirrettävä grafiikkamuoto** (PGF) on perusvälineistö, jonka avulla voidaan tuottaa yksinkertaista grafiikkaa ja kuvia; * **TikZ** on PGF:n laajennus, joka mahdollistaa monien valmiiden kuvioiden käytön. Laajaa dokumentaatiota TikZ:stä ja PGF:stä löytyy [PGF-käsikirjasta](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### PGF:n ja TikZin käyttäminen Jotta TikZ-pakettia voidaan käyttää, se täytyy tuoda mukaan: ```latex \usepackage{tikz} ``` Kuvien piirtämiseen on käytettävä `tikzpicture` ympäristöä: ```latex \begin{tikzpicture} komennot tulevat tähän \end{tikzpicture} ``` ### Peruspiirtäminen TikZ mahdollistaa monien erilaisten muotojen ja polkujen piirtämisen. Tässä esitellään joitakin peruspiirtotekniikoita. Näitä tekniikoita voidaan yhdistää monimutkaisempien piirrosten luomiseksi. #### Suorat viivat Suoran viivan pisteestä toiseen voi piirtää `\draw` komennolla X/Y-koordinaatiston (vaaka/pysty) mukaan, näin: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Useita `\draw` kutsuja voidaan myös ketjuttaa yhteen. Tämä piirtää akseliston, joka ulottuu X-suunnassa -5:stä +5:een ja Y-suunnassa -2:sta +2:een. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/16e9935af7974e6cff55387cdd4b2d98397d9ea9) Näihin viivoihin voidaan soveltaa tyylejä lisäämällä lisäparametreja. Tässä on sama kaavio, mutta vihreillä, pisteviivaisilla, erittäin paksuilla viivoilla, jotka on kierrätetty 15 astetta vastapäivään: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/197ecc1cc09070555ee16032312c1495b1c7c82a) #### Kaavion koon muuttaminen Joskus kaavion oletuskoko on liian suuri tai liian pieni. Käyttämällä `skaala` parametria, kun määritellään `tikzpicture` ympäristö, voidaan käyttää eri kokoja säilyttäen samat mittasuhteet: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` Seuraava kuva näyttää ennen ja jälkeen -vaikutuksen, kun käytetään `[scale=0.3]`: ![TiKZFigure 3.png](/files/3bc5b8015301dc5de709a5cf82caa008455edb5f) #### Nuolikärkien lisääminen Nuolit voivat olla hyödyllisiä graafeissa ja kaavioissa, ja ne on helppo sisällyttää TikZ-kuvaan. Aiemmin esiteltäviä tyylejä voidaan käyttää, samoin kuin useita erilaisia nuolikärkiä. ```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/ec6e187c0797ef3639009a59eca8b4a92547188e) ### Käyrien piirtäminen Helpoin tapa piirtää käyrä TikZillä on määrittää alku- ja loppupiste sekä haluttu kulma, jolla lähdetään alkupisteestä ja saavutaan loppupisteeseen. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/29aa4b0af4430a50e2e0576ac91f25d2c5828d43) Paljon monimutkaisempia kaavioita voidaan myös luoda ketjutetuilla kutsuilla. PGF yrittää piirtää mahdollisimman sulavat viivat annettujen suuntien perusteella. ```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/39d9e019c9f1f4588e1462350c1c05707ac334e1) ### Yhteenveto Vektorigrafiikalla voidaan piirtää loputtomasti erilaisia asioita, ja sen arvo skaalautuvien, helposti muokattavien kaavioiden ja kuvien mahdollistajana on suuri etu LaTeX-käyttäjille, jotka etsivät helppoa tapaa käyttää grafiikkaa. Tämä kirjoitus raapaisee vain pintaa siitä, mikä on mahdollista, mutta sen pitäisi olla hyvä johdanto vektorigrafiikan ja TikZ/PGF-ympäristön mahdollisuuksiin. Lisäresursseja: * [TikZin lyhyt johdanto](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [CTAN-dokumentaatio TikZ:stä ja PGF:stä](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Overleafin Learn-Wiki-sivu](/latex/fi/kuvat-ja-taulukot/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/fi/syvalliset-artikkelit/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.