> 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/sximata-kai-pinakes/05-tikz-package.md). # Πακέτο TikZ ## Εισαγωγή [Ti*k*Z](https://en.wikipedia.org/wiki/PGF/TikZ) είναι πιθανότατα το πιο σύνθετο και ισχυρό εργαλείο για τη δημιουργία γραφικών στοιχείων στο LaTeX. Ξεκινώντας με ένα απλό παράδειγμα, αυτό το άρθρο εισάγει ορισμένες βασικές έννοιες: σχεδίαση γραμμών, σημείων, καμπυλών, κύκλων, ορθογωνίων κ.λπ. Αρχικά, φορτώστε το `tikz` πακέτο συμπεριλαμβάνοντας τη γραμμή `\usepackage{tikz}` στο προοίμιο του εγγράφου σας, έπειτα σχεδιάστε ένα γραφικό χρησιμοποιώντας το `tikzpicture` περιβάλλον. ```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]{Σημείο τομής}; \end{tikzpicture} \end{document} ``` [Ανοίξτε αυτό το παράδειγμα στο 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) Αυτό το παράδειγμα παράγει το ακόλουθο αποτέλεσμα: ![OLV2tikz1.png](/files/0fc2cd6e26b81da1cc9860b4fbabfe14d5fd1da7) Σε αυτό το παράδειγμα σχεδιάζονται δύο γραμμές και ένα σημείο. Για να προσθέσετε μια γραμμή η εντολή `\draw[gray, thick]` ορίζει ένα γραφικό στοιχείο του οποίου το *χρώμα* είναι `γκρι` και με ένα `παχύ` πάχος γραμμής. Η γραμμή ορίζεται στην πραγματικότητα από τα δύο άκρα της, `(-1,2)` και `(2,-4)`, τα οποία συνδέονται με `--`. Η *σημείο* είναι στην πραγματικότητα ένας `κύκλος` που σχεδιάζεται με `\filldraw[black]`, αυτή η εντολή όχι μόνο θα σχεδιάσει τον κύκλο αλλά θα τον γεμίσει χρησιμοποιώντας μαύρο χρώμα. Σε αυτή την εντολή το κέντρο σημείο `(0,0)` και η ακτίνα `(2pt)` δηλώνονται. Δίπλα στο σημείο υπάρχει ένας `κόμβος`, ο οποίος είναι στην πραγματικότητα ένα πλαίσιο που περιέχει το κείμενο `σημείο τομής`, και αγκυροβολημένο στο `δυτικά` του σημείου. Είναι σημαντικό να παρατηρήσετε το ελληνικό ερωτηματικό `;` που χρησιμοποιείται στο τέλος κάθε `εντολής draw` εντολή. Σημείωση: Το `tikzfigure` περιβάλλον μπορεί να περικλείεται μέσα σε ένα figure ή παρόμοιο περιβάλλον. Δείτε το [Εισαγωγή εικόνων](/latex/el/perissotera-themata/27-inserting-images.md) άρθρο για περισσότερες πληροφορίες σχετικά με αυτό το θέμα. ## Βασικά στοιχεία: Σημεία, γραμμές και διαδρομές Σε αυτή την ενότητα παρέχουμε μερικά παραδείγματα που δείχνουν πώς να δημιουργήσετε ορισμένα βασικά γραφικά στοιχεία τα οποία μπορούν να συνδυαστούν για τη δημιουργία πιο σύνθετων σχημάτων. ```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} ``` [Ανοίξτε αυτό το παράδειγμα στο 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) Αυτό το παράδειγμα παράγει το ακόλουθο αποτέλεσμα: ![OLV2tikz2.png](/files/130dde8755d2e059aa759270edd75264c5252971) Υπάρχουν τρεις βασικές εντολές σε αυτό το παράδειγμα: * **`\draw (-2,0) -- (2,0);`**: Αυτό ορίζει μια γραμμή της οποίας τα άκρα είναι `(-2,0)` και `(2,0)`. * **`\filldraw [gray] (0,0) circle (2pt);`**: Το σημείο δημιουργείται ως ένας πολύ μικρός `γκρι` `κύκλος` κεντραρισμένος στο `(0,0)` και του οποίου η ακτίνα είναι `(2pt)`. Το `\filldraw` η εντολή χρησιμοποιείται για να σχεδιάζει στοιχεία και να τα γεμίζει με ένα συγκεκριμένο χρώμα. Δείτε την επόμενη ενότητα για περισσότερα παραδείγματα. * **`\draw (-2,2) .. controls (-1,0) and (1,0) .. (2,2);`**: Σχεδιάζει μια [καμπύλη Bézier](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). Υπάρχουν 4 σημεία που την ορίζουν: `(-2,2)` και `(2,2)` είναι τα άκρα της, `(-1,0)` και `(1,0)` είστε [*σημεία ελέγχου*](https://en.wikipedia.org/wiki/Control_point_\(mathematics\)) που καθορίζουν το πόσο «καμπύλη» είναι. Μπορείτε να θεωρήσετε αυτά τα δύο σημεία ως «σημεία έλξης». ## Βασικά γεωμετρικά σχήματα: Κύκλοι, ελλείψεις και πολύγωνα Τα γεωμετρικά σχήματα μπορούν να κατασκευαστούν από απλούστερα στοιχεία, οπότε ας ξεκινήσουμε με κύκλους, ελλείψεις και τόξα. ```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} ``` [Ανοίξτε αυτό το παράδειγμα στο 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) Αυτό το παράδειγμα παράγει το ακόλουθο αποτέλεσμα: ![TikzEx3.png](/files/14f5a126bcd85e71deaf40ca8d6761ff0ea9e0ed) * **`\filldraw[color=red!60, fill=red!5, very thick](-1,0) circle (1.5);`**: Αυτή η εντολή χρησιμοποιήθηκε στην προηγούμενη ενότητα για να σχεδιάσει ένα *σημείο*, αλλά σε αυτή την περίπτωση υπάρχουν μερικές επιπλέον παράμετροι μέσα στις αγκύλες. Αυτές εξηγούνται παρακάτω: * **`color=red!60`**: Το χρώμα του δακτυλίου γύρω από τον κύκλο ορίζεται σε 60% κόκκινο (πιο ανοιχτό από το «καθαρό» κόκκινο). Δείτε το [οδηγό αναφοράς](#reference-guide) για μια λίστα των προεπιλεγμένων χρωμάτων που είναι διαθέσιμα στο LaTeX· επίσης, δείτε [Χρήση χρωμάτων στο LaTeX](/latex/el/morfopoiisi/13-using-colors-in-latex.md) για να μάθετε πώς να δημιουργείτε τα δικά σας χρώματα. * **`fill=red!5`**: Ο κύκλος γεμίζει με μια ακόμη πιο ανοιχτή απόχρωση του κόκκινου. * **`πολύ παχύ`**: Αυτή η παράμετρος ορίζει το πάχος της γραμμής. Δείτε το [οδηγό αναφοράς](#reference-guide) για μια πλήρη λίστα τιμών. * **`\fill[blue!50] (2.5,0) ellipse (1.5 and 0.5);`**: Για να δημιουργήσετε μια έλλειψη παρέχετε ένα κεντρικό σημείο `(2.5,0)`, και δύο ακτίνες: οριζόντια και κατακόρυφη (`1.5` και `0.5` αντίστοιχα). Επίσης παρατηρήστε την εντολή `fill` αντί για `εντολής draw` ή filldraw, επειδή, σε αυτή την περίπτωση, δεν υπάρχει ανάγκη να ελέγξουμε τα εξωτερικά και εσωτερικά χρώματα. * **`\draw[ultra thick, ->] (6.5,0) arc (0:220:1);`**: Αυτή η εντολή θα σχεδιάσει ένα τόξο που ξεκινά από το `(6.5,0)`. Η επιπλέον παράμετρος `->` υποδηλώνει ότι το τόξο θα έχει ένα βέλος στο τέλος του. Εκτός από το σημείο εκκίνησης πρέπει να παρέχετε τρεις επιπλέον τιμές: τις γωνίες έναρξης και λήξης, και την ακτίνα· εδώ, αυτές οι τρεις τιμές παραμέτρων παρέχονται στη μορφή `(0:220:1)`. Εκτός από καμπύλα γεωμετρικά σχήματα μπορείτε επίσης να δημιουργήσετε στοιχεία που χρησιμοποιούν ευθείες γραμμές, χρησιμοποιώντας παρόμοια σύνταξη: ```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} ``` [Ανοίξτε αυτό το παράδειγμα στο 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) Αυτό το παράδειγμα παράγει το ακόλουθο αποτέλεσμα: ![OLV2tikz4.png](/files/7893513fbd6a18cbaa667570f31fc7d77bccccce) * **`\draw[blue, very thick] (0,0) rectangle (3,2);`**: Τα ορθογώνια δημιουργούνται από την ειδική εντολή `rectangle`. Πρέπει να δώσετε δύο σημεία, το πρώτο είναι εκεί όπου το «μολύβι» αρχίζει να σχεδιάζει το ορθογώνιο και το δεύτερο είναι η διαγώνια απέναντι γωνία. * **`\draw[orange, ultra thick] (4,0) -- (6,0) -- (5.7,2) -- cycle;`**: Για να σχεδιάσουμε ένα πολύγωνο σχεδιάζουμε μια *κλειστή* διαδρομή ευθειών γραμμών: μια γραμμή από το `(4,0)` σε `(6,0)` και μια γραμμή από το `(6,0)` σε `(5.7,2)`. Το `cycle` η εντολή σημαίνει ότι τα σημεία αρχής και τέλους πρέπει να συμπίπτουν για να δημιουργηθεί μια «κλειστή» διαδρομή (σχήμα), κάτι που έχει ως αποτέλεσμα την κατασκευή του τελικού ευθύγραμμου τμήματος. ## Διαγράμματα Οι κόμβοι είναι πιθανότατα τα πιο ευέλικτα στοιχεία στο TikZ. Έχουμε ήδη χρησιμοποιήσει έναν κόμβο στην εισαγωγή—για να προσθέσουμε κάποιο κείμενο στο σχήμα. Το επόμενο παράδειγμα χρησιμοποιεί κόμβους για να δημιουργήσει ένα διάγραμμα. ```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}, ] %Κόμβοι \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}; %Γραμμές \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} ``` [Ανοίξτε αυτό το παράδειγμα στο 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) Αυτό το παράδειγμα παράγει το ακόλουθο αποτέλεσμα: ![OLV2tikz5.png](/files/ab552aaa15538b4dcfa9e17dc4c7a19e78be1b25) Υπάρχουν ουσιαστικά τρεις εντολές σε αυτό το σχήμα: Ένας ορισμός κόμβου, μια δήλωση κόμβου και γραμμές που ενώνουν δύο κόμβους. * **`roundnode/.style={circle, draw=green!60, fill=green!5, very thick, minimum size=7mm}`**: Δίνεται ως παράμετρος στο `tikzpicture` περιβάλλον. Ορίζει έναν κόμβο στον οποίο θα γίνεται αναφορά ως `roundnode`: αυτός ο κόμβος θα είναι ένας κύκλος του οποίου ο εξωτερικός δακτύλιος θα σχεδιαστεί χρησιμοποιώντας το χρώμα `green!60` και θα γεμίσει χρησιμοποιώντας `green!5`. Το περίγραμμα θα είναι `πολύ παχύ` και το `ελάχιστο μέγεθός του` είναι `7mm`. Η γραμμή κάτω από αυτό ορίζει έναν δεύτερο κόμβο σε σχήμα ορθογωνίου με όνομα `squarednode`, χρησιμοποιώντας παρόμοιες παραμέτρους. * **`\node[squarednode] (maintopic) {2};`**: Αυτό θα δημιουργήσει έναν `squarednode`, όπως ορίστηκε στην προηγούμενη εντολή. Αυτός ο κόμβος θα έχει αναγνωριστικό `maintopic` και θα περιέχει τον αριθμό `2`. Αν αφήσετε ένα κενό διάστημα μέσα στις αγκύλες, δεν θα εμφανιστεί κείμενο. * **`[above=of maintopic]`**: Παρατηρήστε ότι όλοι οι κόμβοι εκτός από τον πρώτο έχουν μια επιπλέον παράμετρο που καθορίζει τη θέση τους σε σχέση με άλλους κόμβους. Για παράδειγμα, `[above=of maintopic]` σημαίνει ότι αυτός ο κόμβος πρέπει να εμφανίζεται πάνω από τον κόμβο με όνομα `maintopic`. Για να λειτουργήσει αυτό το σύστημα τοποθέτησης πρέπει να προσθέσετε `\usetikzlibrary{positioning}` στο προοίμιό σας. Χωρίς τη βιβλιοθήκη `positioning` βιβλιοθήκη, μπορείτε να χρησιμοποιήσετε τη σύνταξη `above of=maintopic` αντί αυτού, αλλά η `positioning` σύνταξη είναι πιο ευέλικτη και ισχυρή: μπορείτε να την επεκτείνετε για να γράψετε `above=**3cm** of maintopic` δηλαδή να ελέγξετε την πραγματική απόσταση από το `maintopic`. * **`\draw[->] (uppercircle.south) -- (maintopic.north);`**: Θα σχεδιαστεί μια ευθεία γραμμή που μοιάζει με βέλος. Η σύνταξη έχει ήδη εξηγηθεί στην ενότητα [βασικά στοιχεία](#basic-elements-points-lines-and-paths) . Η μόνη διαφορά είναι ο τρόπος με τον οποίο γράφουμε τα άκρα της γραμμής: κάνοντας αναφορά σε έναν κόμβο (γι' αυτό τους ονομάσαμε έτσι) και σε μια θέση σχετική με τον κόμβο. ## Οδηγός Αναφοράς Πιθανές παράμετροι χρώματος και πάχους στο `tikz` πακέτο: | παράμετρος | τιμές | picture | | ---------- | -------------------------------------------------------------- | -------------------------------------------------------------------- | | χρώμα | λευκό, μαύρο, κόκκινο, πράσινο, μπλε, κυανό, ματζέντα, κίτρινο | ![BasicColours.png](/files/93167fbb695aca5eb2bb72f82743442bfc8943a6) | | πάχος | υπερλεπτό, πολύ λεπτό, λεπτό, παχύ, πολύ παχύ, υπερπαχύ | ![Thickness.png](/files/821a7a45d977fee5ad2c791cb48d04683e236030) | Περισσότερα χρώματα μπορεί να είναι διαθέσιμα στη διανομή σας του LaTeX. Δείτε το [Χρήση χρωμάτων στο LaTeX](/latex/el/morfopoiisi/13-using-colors-in-latex.md) ## Περαιτέρω ανάγνωση Για περισσότερες πληροφορίες δείτε: * [Χρήση χρωμάτων στο LaTeX](/latex/el/morfopoiisi/13-using-colors-in-latex.md) * [πακέτο Pgfplots](/latex/el/eidiko-pedio/08-pgfplots-package.md) * [Εισαγωγή εικόνων](/latex/el/perissotera-themata/27-inserting-images.md) * [Κατάλογοι πινάκων και σχημάτων](/latex/el/sximata-kai-pinakes/03-lists-of-tables-and-figures.md) * [Τοποθέτηση εικόνων και πινάκων](/latex/el/sximata-kai-pinakes/02-positioning-images-and-tables.md) * [Σχεδίαση διαγραμμάτων απευθείας στο LaTeX](/latex/el/sximata-kai-pinakes/04-picture-environment.md) * [το Εγχειρίδιο των Πακέτων TikZ και PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf) * [Παραδείγματα TikZ και PGF στο 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/el/sximata-kai-pinakes/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.