Skip to main content
Tweeted twitter.com/StackTeX/status/1506873454859108357
Capitalized first letter of the post, and corrected a grammatical mistake probably due to the fact that we have a French-speaking poster : "used"=>"had been using"
Source Link

untilUntil now I usedhad been using drawio to do the header's of some of my documents. I would like to shift to tikz, could anyone help me to do so ?

until now I used drawio to do the header's of some of my documents. I would like to shift to tikz, could anyone help me to do so ?

Until now I had been using drawio to do the header's of some of my documents. I would like to shift to tikz, could anyone help me to do so ?

added 2120 characters in body
Source Link
Benoit
  • 129
  • 1
  • 7

Final solution. Thanks to JS Bibra and his use of anchor


\documentclass[tikz,border=2pt]{standalone}
\usetikzlibrary{chains, positioning, shapes.symbols}
\usepackage{xcolor}
\definecolor{darkblue}{RGB}{9,72,90}
\definecolor{lightblue}{RGB}{124,184,201}

\begin{document}
\begin{tikzpicture}[
    node distance = 2pt,
    start chain = going right,
    start/.style = {signal, 
                    draw=darkblue,
                    very thick, 
                    fill=lightblue,
                    text width=2cm, 
                    minimum height=1cm, 
                    font=\scriptsize,
                    text=white,
                    signal pointer angle=120, on chain},
    cont/.style = {start, 
                    signal from=west}
    ]
    
    \node[start,](a) {\bfseries Construction de l'image};
    \node[above=0.6cm of a.west,
            anchor=south west,
            rectangle,
            rounded corners,
            draw=darkblue, 
            fill=darkblue,
            minimum height=2cm,
            minimum width=13cm,
            text=white,
            inner sep=1pt]
            (boitetitre){};
    \node [right=1em of boitetitre.west,
        anchor=south west,
        text=white]     
        (titre) {\Large{La photographie numérique}};
    \node [left=1em of boitetitre.south east,
        anchor=south east,
        text=white]     
        (titre) {\Large{Troisième}};
    \node [right=1em of boitetitre.west,
        anchor=south west,
        text=white]     
        (titre) {\Large{La photographie numérique}};
    \node[cont] {\bfseries Métadonnées EXIF};
    \node[cont](b) {\bfseries Step3};
    \node[right=5.4cm of boitetitre.north east, anchor=north east,
            rectangle,
            draw=darkblue,
            fill=darkblue,thick,
            rounded corners,
            minimum height=3cm,
            text width=5cm,
            text=white]
            (competences){Identifier les étapes de la construction de l'image finale};
\end{tikzpicture}
\end{document}

enter image description here

Final solution. Thanks to JS Bibra and his use of anchor


\documentclass[tikz,border=2pt]{standalone}
\usetikzlibrary{chains, positioning, shapes.symbols}
\usepackage{xcolor}
\definecolor{darkblue}{RGB}{9,72,90}
\definecolor{lightblue}{RGB}{124,184,201}

\begin{document}
\begin{tikzpicture}[
    node distance = 2pt,
    start chain = going right,
    start/.style = {signal, 
                    draw=darkblue,
                    very thick, 
                    fill=lightblue,
                    text width=2cm, 
                    minimum height=1cm, 
                    font=\scriptsize,
                    text=white,
                    signal pointer angle=120, on chain},
    cont/.style = {start, 
                    signal from=west}
    ]
    
    \node[start,](a) {\bfseries Construction de l'image};
    \node[above=0.6cm of a.west,
            anchor=south west,
            rectangle,
            rounded corners,
            draw=darkblue, 
            fill=darkblue,
            minimum height=2cm,
            minimum width=13cm,
            text=white,
            inner sep=1pt]
            (boitetitre){};
    \node [right=1em of boitetitre.west,
        anchor=south west,
        text=white]     
        (titre) {\Large{La photographie numérique}};
    \node [left=1em of boitetitre.south east,
        anchor=south east,
        text=white]     
        (titre) {\Large{Troisième}};
    \node [right=1em of boitetitre.west,
        anchor=south west,
        text=white]     
        (titre) {\Large{La photographie numérique}};
    \node[cont] {\bfseries Métadonnées EXIF};
    \node[cont](b) {\bfseries Step3};
    \node[right=5.4cm of boitetitre.north east, anchor=north east,
            rectangle,
            draw=darkblue,
            fill=darkblue,thick,
            rounded corners,
            minimum height=3cm,
            text width=5cm,
            text=white]
            (competences){Identifier les étapes de la construction de l'image finale};
\end{tikzpicture}
\end{document}

enter image description here

added 1651 characters in body
Source Link
Benoit
  • 129
  • 1
  • 7

It's almost done ! I need some help to align the arrows on the left and the two nodes by the top. Thanks.

enter image description here


\documentclass[tikz,border=2pt]{standalone}
\usetikzlibrary{chains, positioning, shapes.symbols}
\usepackage{xcolor}
\definecolor{darkblue}{RGB}{9,72,90}
\definecolor{lightblue}{RGB}{124,184,201}

\begin{document}
\begin{tikzpicture}[
    node distance = 2pt,
    start chain = going right,
    start/.style = {signal, 
                    draw=darkblue, 
                    fill=lightblue,
                    text width=2cm, 
                    minimum height=1cm, 
                    font=\scriptsize,
                    text=white,
                    signal pointer angle=120, on chain},
    cont/.style = {start, 
                    signal from=west}
    ]
    
    \node[start](a) {\bfseries Construction de l'image};
    \node[above=2pt of a, 
            rectangle, 
            draw=darkblue, 
            fill=darkblue,
            minimum height=2cm,
            minimum width=13cm,
            text=white,
            inner sep=1pt]
            (titre){\large{La photographie numérique}};
    \node[cont] {\bfseries Métadonnées EXIF};
    \node[cont](b) {\bfseries Step3};
    \node[right=2pt of titre,
            rectangle,
            draw=darkblue,
            fill=darkblue,thick,
            rounded corners,
            minimum height=3cm,
            text width=5cm,
            text=white]
            (competences){Identifier les étapes de la construction de l'image finale};
\end{tikzpicture}
\end{document}

It's almost done ! I need some help to align the arrows on the left and the two nodes by the top. Thanks.

enter image description here


\documentclass[tikz,border=2pt]{standalone}
\usetikzlibrary{chains, positioning, shapes.symbols}
\usepackage{xcolor}
\definecolor{darkblue}{RGB}{9,72,90}
\definecolor{lightblue}{RGB}{124,184,201}

\begin{document}
\begin{tikzpicture}[
    node distance = 2pt,
    start chain = going right,
    start/.style = {signal, 
                    draw=darkblue, 
                    fill=lightblue,
                    text width=2cm, 
                    minimum height=1cm, 
                    font=\scriptsize,
                    text=white,
                    signal pointer angle=120, on chain},
    cont/.style = {start, 
                    signal from=west}
    ]
    
    \node[start](a) {\bfseries Construction de l'image};
    \node[above=2pt of a, 
            rectangle, 
            draw=darkblue, 
            fill=darkblue,
            minimum height=2cm,
            minimum width=13cm,
            text=white,
            inner sep=1pt]
            (titre){\large{La photographie numérique}};
    \node[cont] {\bfseries Métadonnées EXIF};
    \node[cont](b) {\bfseries Step3};
    \node[right=2pt of titre,
            rectangle,
            draw=darkblue,
            fill=darkblue,thick,
            rounded corners,
            minimum height=3cm,
            text width=5cm,
            text=white]
            (competences){Identifier les étapes de la construction de l'image finale};
\end{tikzpicture}
\end{document}
added 1437 characters in body
Source Link
Benoit
  • 129
  • 1
  • 7
Loading
edited title
Link
Bernard
  • 273.9k
  • 14
  • 160
  • 375
Loading
Source Link
Benoit
  • 129
  • 1
  • 7
Loading