> 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/el/se-vathos-arthra/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Πώς να σχεδιάζετε διανυσματικά γραφικά χρησιμοποιώντας το TikZ στο LaTeX **Συγγραφέας: Cody Herring (Μάιος 2013)** ### Διαδικαστικά γραφικά στο LaTeX: τα βασικά Παραδοσιακά, τα γραφικά αναπαριστώνται ως bitmaps, με βάθος από 1 bit (ασπρόμαυρο) έως 24 bit (true color). Αυτό επιτρέπει την απλή προβολή γραφικών σε μια παραδοσιακή (ορθογώνια) οθόνη υπολογιστή. Ωστόσο, μπορεί να είναι δύσκολο και κουραστικό να δημιουργηθούν bitmaps που να αναπαριστούν με ακρίβεια αυτό που θα πρέπει να εμφανίζεται σε ένα έγγραφο ή στο χαρτί. Τα διαδικαστικά γραφικά βοηθούν σε αυτό, επιτρέποντας τη χρήση ενός πιο καλά ορισμένου και εύκολα κατανοητού συστήματος, όπως το Scalable Vector Graphics (SVG). Ορίζοντας διανύσματα, γραμμές και σχήματα αντί για μεμονωμένα pixels, οι εικόνες μπορούν εύκολα να δημιουργηθούν για πολλαπλά μεγέθη, λόγους διαστάσεων, πυκνότητες εικονοστοιχείων, ποιότητες εκτύπωσης και πολλά άλλα. Αυτό το σεμινάριο θα προσφέρει μια σύντομη εισαγωγή στα διαδικαστικά γραφικά χρησιμοποιώντας το Portable Graphics Format και το TikZ: * **Φορητή Μορφή Γραφικών** (PGF) είναι ένα βασικό σύνολο εργαλείων, που επιτρέπει την παραγωγή απλών γραφικών και σχημάτων· * **TikZ** είναι μια επέκταση του PGF, η οποία επιτρέπει τη χρήση πλήθους έτοιμων σχημάτων. Εκτενής τεκμηρίωση για το TikZ και το PGF μπορεί να βρεθεί στο [Εγχειρίδιο PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### Χρήση του PGF και του TikZ Για να χρησιμοποιηθεί το πακέτο TikZ, πρέπει να εισαχθεί: ```latex \usepackage{tikz} ``` Για να σχεδιαστούν εικόνες, το `tikzpicture` περιβάλλον πρέπει να χρησιμοποιηθεί: ```latex \begin{tikzpicture} οι εντολές μπαίνουν εδώ \end{tikzpicture} ``` ### Βασική σχεδίαση Το TikZ επιτρέπει τη σχεδίαση πολλών διαφορετικών σχημάτων και διαδρομών. Εδώ θα παρουσιαστούν μερικές βασικές τεχνικές σχεδίασης. Αυτές οι τεχνικές μπορούν να συνδυαστούν για να σχηματίσουν πιο σύνθετα σχέδια. #### Ευθείες διαδρομές Μια ευθεία διαδρομή από ένα σημείο σε ένα άλλο μπορεί να σχεδιαστεί με την `\draw` εντολή σύμφωνα με ένα σύστημα συντεταγμένων X/Y (οριζόντιο/κατακόρυφο), κάπως έτσι: ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Πολλαπλές `\draw` κλήσεις μπορούν επίσης να συνδεθούν μεταξύ τους. Αυτό σχεδιάζει ένα σύνολο αξόνων από -5 έως +5 στην κατεύθυνση X και από -2 έως +2 στην κατεύθυνση Y. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/62547b0be655f1382f314795226c98a271b3975f) Μπορούν να εφαρμοστούν στυλ σε αυτές τις γραμμές προσθέτοντας επιπλέον παραμέτρους. Ορίστε το ίδιο διάγραμμα, αλλά με πράσινες, διακεκομμένες, εξαιρετικά παχιές γραμμές περιστραμμένες 15 μοίρες αριστερόστροφα: ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/1cc0397345c66441341891039233f41d787f1eb3) #### Αλλαγή του μεγέθους ενός διαγράμματος Μερικές φορές το προεπιλεγμένο μέγεθος ενός διαγράμματος είναι πολύ μεγάλο ή πολύ μικρό. Χρησιμοποιώντας την `κλίμακα` παράμετρο κατά τη δήλωση του `tikzpicture` περιβάλλοντος, μπορούν να επιτευχθούν διαφορετικά μεγέθη διατηρώντας τις ίδιες αναλογίες: ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` Η ακόλουθη εικόνα δείχνει το πριν και το μετά της εφαρμογής του `[scale=0.3]`: ![TiKZFigure 3.png](/files/343b218c0946a59964e599f0a162d5bb827f2200) #### Προσθήκη αιχμών βελών Τα βέλη μπορούν να είναι χρήσιμα για γραφήματα και διαγράμματα, και είναι απλό να συμπεριληφθούν σε μια εικόνα TikZ. Μπορούν να χρησιμοποιηθούν τα στυλ που παρουσιάστηκαν προηγουμένως, καθώς και αρκετές διαφορετικές αιχμές βελών. ```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/97ddeac0da92a90de52d7fc6468cce9c7f319a9e) ### Σχεδίαση καμπυλών Ο πιο απλός τρόπος να σχεδιαστεί μια καμπύλη με το TikZ είναι να οριστούν το σημείο έναρξης και το σημείο λήξης, καθώς και η επιθυμητή γωνία εξόδου από το σημείο έναρξης και άφιξης στο σημείο λήξης. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/90042e2c2442770157302a3ed24fab0e748bafce) Μπορούν επίσης να δημιουργηθούν πολύ πιο σύνθετα διαγράμματα χρησιμοποιώντας αλυσιδωτές κλήσεις. Το PGF θα προσπαθήσει να σχεδιάσει τις όσο το δυνατόν πιο ομαλές γραμμές χρησιμοποιώντας τις παρεχόμενες κατευθύνσεις. ```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/7930e748ef5fe1de45154f105f6a84db09c56737) ### Συμπέρασμα Δεν υπάρχει τέλος σε όσα μπορούν να σχεδιαστούν με διανυσματικά γραφικά, και η αξία τους στο ότι επιτρέπουν κλιμακούμενα, εύκολα επεξεργάσιμα διαγράμματα και εικόνες αποτελεί μεγάλο πλεονέκτημα για τους χρήστες του LaTeX που αναζητούν έναν εύκολο τρόπο χρήσης γραφικών. Αυτή η ανάρτηση μόλις ξύνει την επιφάνεια όσων είναι δυνατά, αλλά θα πρέπει να αποτελεί μια καλή εισαγωγή στις δυνατότητες των διανυσματικών γραφικών και του περιβάλλοντος TikZ/PGF. Πρόσθετοι πόροι: * [Ελάχιστη εισαγωγή στο TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [Τεκμηρίωση του CTAN για το TikZ & PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Η σελίδα Wiki εκμάθησης του Overleaf](/latex/el/sximata-kai-pinakes/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/el/se-vathos-arthra/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.