> 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/fr/articles-approfondis/26-how-to-draw-vector-graphics-using-tikz-in-latex.md). # Comment dessiner des graphiques vectoriels avec TikZ en LaTeX **Auteur : Cody Herring (mai 2013)** ### Graphiques procéduraux dans LaTeX : les bases Traditionnellement, les graphiques sont représentés sous forme de bitmaps, avec une profondeur allant de 1 bit (noir et blanc) à 24 bits (couleur vraie). Cela permet un affichage simple des graphiques sur un écran d'ordinateur traditionnel (rectangulaire). Cependant, il peut être difficile et fastidieux de générer des bitmaps qui représentent fidèlement ce qui doit être affiché dans un document ou sur papier. Les graphiques procéduraux facilitent cela en permettant l'utilisation d'un système plus bien défini et plus facilement compréhensible, tel que Scalable Vector Graphics (SVG). En définissant des vecteurs, des lignes et des formes plutôt que des pixels individuels, des images peuvent être générées facilement pour différentes tailles, différents ratios d'aspect, différentes densités de pixels, qualités d'impression, et plus encore. Ce tutoriel offrira une brève introduction aux graphiques procéduraux à l'aide du Format graphique portable et de TikZ : * **Format graphique portable** (PGF) est un ensemble d'outils de base, permettant de produire des graphiques et des figures simples ; * **TikZ** est une extension de PGF, qui permet d'utiliser une multitude de figures préconstruites. Une documentation approfondie sur TikZ et PGF peut être trouvée dans le [Manuel PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf). ### Utilisation de PGF et TikZ Afin d'utiliser le package TikZ, il doit être importé : ```latex \usepackage{tikz} ``` Afin de dessiner des images, l' `tikzpicture` environnement doit être utilisé : ```latex \begin{tikzpicture} les commandes vont ici \end{tikzpicture} ``` ### Dessin de base TikZ permet de dessiner de nombreuses formes et chemins différents. Ici, quelques techniques de dessin de base seront présentées. Ces techniques peuvent être combinées pour former des dessins plus complexes. #### Chemins droits Un chemin droit d'un point à un autre peut être tracé avec la `\draw` commande selon un système de coordonnées X/Y (horizontal/vertical), comme ceci : ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0); \end{tikzpicture} ``` Plusieurs `\draw` appels peuvent également être enchaînés. Cela trace un ensemble d'axes de -5 à +5 dans la direction X, et de -2 à +2 dans la direction Y. ```latex \begin{tikzpicture} \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TikZFigure 1.png](/files/1bb69e46e56d9fec0a89ba22bd4036835062d4e6) Des styles peuvent être appliqués à ces lignes en ajoutant des paramètres supplémentaires. Voici le même diagramme, mais avec des lignes vertes, pointillées, très épaisses, pivotées de 15 degrés dans le sens antihoraire : ```latex \begin{tikzpicture} \draw[green, dotted, ultra thick, rotate=15] (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` ![TiKZFigure 2.png](/files/62ad75da4729453479d2f0df8e686eefee8f5449) #### Modifier la taille d'un diagramme Parfois, la taille par défaut d'un diagramme est trop grande ou trop petite. En utilisant le `échelle` paramètre lors de la déclaration de l' `tikzpicture` environnement permet d'obtenir différentes tailles tout en conservant les mêmes proportions : ```latex \begin{tikzpicture}[scale=0.3] \draw (5,0) -- (-5, 0) (0,2) -- (0,-2); \end{tikzpicture} ``` L'image suivante montre l'effet avant et après de l'application de `[scale=0.3]`: ![TiKZFigure 3.png](/files/7b9ac5336d00dd3d4bf74df43ee409c33cce1b33) #### Ajout de pointes de flèche Les flèches peuvent être utiles pour les graphiques et les diagrammes, et il est simple de les inclure dans une image TikZ. Les styles présentés précédemment peuvent être utilisés, ainsi que plusieurs pointes de flèche différentes. ```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/5731b9098651c05fc32457d1d5a415def9baf878) ### Tracer des courbes La manière la plus simple de tracer une courbe avec TikZ consiste à spécifier le point de départ et le point d'arrivée, ainsi que l'angle souhaité quittant le point de départ et arrivant au point d'arrivée. ```latex \begin{tikzpicture} \draw[ultra thick] (0,0) to [out=75,in=135](3,4); \end{tikzpicture} ``` ![TiKZFigure 5.png](/files/7d9eaa68b4514b6ac3b2542c4b4b96ab706024a9) Des diagrammes beaucoup plus complexes peuvent également être créés à l'aide d'appels enchaînés. PGF essaiera de tracer les lignes les plus lisses possible en utilisant les directions fournies. ```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/0d2ff1038dd43a76216140cc7c85f851b410785a) ### Conclusion Il n'y a pas de limite à ce qui peut être dessiné avec des graphiques vectoriels, et leur capacité à permettre des diagrammes et des images évolutifs et facilement modifiables est un atout pour les utilisateurs de LaTeX à la recherche d'un moyen simple d'utiliser des graphiques. Cet article ne fait qu'effleurer ce qui est possible, mais devrait constituer une bonne introduction aux capacités des graphiques vectoriels et de l'environnement TikZ/PGF. Ressources supplémentaires : * [Introduction minimale à TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf); * [Documentation CTAN sur TikZ et PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf); * [Page Wiki d'apprentissage d'Overleaf](/latex/fr/figures-et-tableaux/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/fr/articles-approfondis/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.