> 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/pl/artykuly-szczegolowe/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Jak rysować grafikę wektorową za pomocą TikZ w LaTeX-u **Autor: Cody Herring (maj 2013)** ### Grafika proceduralna w LaTeX: podstawy Tradycyjnie grafika jest reprezentowana jako bitmapy, od 1 bitu (czarno-białe) do 24 bitów (pełny kolor). Umożliwia to proste wyświetlanie grafiki na tradycyjnym (prostokątnym) ekranie komputera. Jednak generowanie bitmap, które dokładnie przedstawiają to, co powinno być pokazane na dokumencie lub na papierze, może być trudne i żmudne. Grafika proceduralna pomaga w tym, umożliwiając użycie bardziej jasno zdefiniowanego i łatwiejszego do zrozumienia systemu, takiego jak Skalowalna grafika wektorowa (SVG). Definiując wektory, linie i kształty zamiast pojedynczych pikseli, można łatwo generować obrazy dla różnych rozmiarów, proporcji, gęstości pikseli, jakości druku i nie tylko. Ten samouczek zawiera krótkie wprowadzenie do grafiki proceduralnej z użyciem Przenośnego formatu grafiki i TikZ: * **Przenośny format grafiki** (PGF) to podstawowy zestaw narzędzi, umożliwiający tworzenie prostych grafik i rysunków; * **TikZ** jest rozszerzeniem PGF, które umożliwia korzystanie z wielu gotowych rysunków. Obszerna dokumentacja TikZ i PGF znajduje się w [Podręczniku PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### Korzystanie z PGF i TikZ Aby użyć pakietu TikZ, należy go zaimportować: ```latex \usepackage{tikz} ``` Aby rysować obrazki, należy użyć `tikzpicture` środowiska: ```latex \begin{tikzpicture} tutaj wpisuje się polecenia \end{tikzpicture} ``` ### Podstawowe rysowanie TikZ umożliwia rysowanie wielu różnych kształtów i ścieżek. Poniżej zostaną pokazane niektóre podstawowe techniki rysowania. Techniki te można łączyć, aby tworzyć bardziej złożone rysunki. #### Proste ścieżki Prostą ścieżkę z jednego punktu do drugiego można narysować za pomocą `\draw` polecenia zgodnie z układem współrzędnych X/Y (poziomym/pionowym), na przykład: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Wiele `\draw` wywołań można również łączyć ze sobą. Rysuje to zestaw osi od -5 do +5 w kierunku X oraz od -2 do +2 w kierunku Y. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/d1ecd75b8cca4e428e62ff17d6e74b5af04380fc) Do tych linii można zastosować style, dodając dodatkowe parametry. Oto ten sam diagram, ale z zielonymi, kropkowanymi, bardzo grubymi liniami obróconymi o 15 stopni przeciwnie do ruchu wskazówek zegara: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/e48da020e55bd06ce838129e7355993a01255b06) #### Zmiana rozmiaru diagramu Czasami domyślny rozmiar diagramu jest zbyt duży albo zbyt mały. Użycie parametru `scale` podczas deklarowania `tikzpicture` środowiska pozwala na różne rozmiary przy zachowaniu tych samych proporcji: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` Poniższy obraz pokazuje efekt przed i po zastosowaniu `[scale=0.3]`: ![TiKZFigure 3.png](/files/3043177b2ba51a5253c26f8157e32cc76b7c521f) #### Dodawanie grotów strzałek Strzałki mogą być przydatne w wykresach i diagramach, a ich dodanie do rysunku TikZ jest proste. Można używać wcześniej pokazanych stylów, a także kilku różnych grotów strzałek. ```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/2036415a416eb2ee43987c06697a8ab999dc86db) ### Rysowanie krzywych Najprostszym sposobem narysowania krzywej w TikZ jest określenie punktu początkowego i końcowego oraz żądanego kąta wyjścia z punktu początkowego i dojścia do punktu końcowego. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/f3b500efafb7205b9e10e6b75ce0fbd431d57e14) Znacznie bardziej złożone diagramy można również tworzyć za pomocą łańcuchowych wywołań. PGF spróbuje narysować możliwie najgładsze linie, korzystając z podanych kierunków. ```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/8601e999b6785c9b6bda6721940c733e88fa3956) ### Zakończenie Nie ma końca temu, co można narysować za pomocą grafiki wektorowej, a jej wartość polegająca na umożliwianiu tworzenia skalowalnych, łatwych do edycji diagramów i rysunków jest dużym atutem dla użytkowników LaTeX-a szukających łatwego sposobu korzystania z grafiki. Ten wpis jedynie muska powierzchnię tego, co jest możliwe, ale powinien stanowić dobre wprowadzenie do możliwości grafiki wektorowej oraz środowiska TikZ/PGF. Dodatkowe zasoby: * [Minimalne wprowadzenie do TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [Dokumentacja CTAN dotycząca TikZ i PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Strona wiki Learn w Overleaf](/latex/pl/rysunki-i-tabele/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/pl/artykuly-szczegolowe/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.