带有 tikz 的文档标题

带有 tikz 的文档标题

到目前为止,我一直在使用 drawio 来制作一些文档的标题。我想转到 tikz,有人能帮我吗?

在此处输入图片描述

在此处输入图片描述

以下是我所做的。虽然不完美,但这是一个开始。如能提供帮助,我将不胜感激:

  1. 用于将节点相互定位;
  2. 将多个文本放在同一个节点的不同位置;
  3. 对于箭头的形状,我想要一个在后面有一个内角的箭头。
\documentclass[tikz]{独立}
\usepackage{tikz}
\usepackage{xcolor}
\definecolor{深蓝色}{RGB}{9,72,90}
\definecolor{浅蓝色}{RGB}{124,184,201}
\usetikzlibrary{定位,形状.箭头}
\开始{文档}

\开始{tikzpicture}
    \node [rectangle,draw=darkblue,fill=darkblue,thick,rounded corners,minimum height=2cm,minimum width=13cm,text=white](标题){\large{La photographie numérique}};
    \node [rectangle,draw=darkblue,fill=darkblue,thick,rounded corners,minimum height=3cm, text width=5cm, text=white](权限)[right=of titre] {标识最终图像的构造步骤};
    \node[单箭头, draw=darkblue,fill=lightblue, 单箭头头部 extend=0cm,text=white] (un) [below=of titre] {图像构造};
    \node[单箭头, draw=darkblue,fill=lightblue, 单箭头延伸=0cm,text=white]
(二) [right=of un] {元数据 EXIF};
\node[单箭头, draw=darkblue,fill=lightblue, 单箭头延伸=0cm,text=white]
(trois) [右=deux] {...};
\结束{tikzpicture}

在此处输入图片描述

快完成了!我需要一些帮助来对齐左侧的箭头和顶部的两个节点。谢谢。

在此处输入图片描述

\documentclass[tikz,border=2pt]{独立}
\usetikzlibrary{链条,定位,形状.符号}
\usepackage{xcolor}
\definecolor{深蓝色}{RGB}{9,72,90}
\definecolor{浅蓝色}{RGB}{124,184,201}

\开始{文档}
\开始{tikzpicture}[
    节点距离 = 2pt,
    启动链 = 向右走,
    开始/.style = {信号,
                    绘制=深蓝色,
                    填充=浅蓝色,
                    文字宽度=2厘米,
                    最小高度=1厘米,
                    字体=\scriptsize,
                    文字=白色,
                    信号指针角度=120,在链上},
    con/.style = {开始,
                    信号来自=西方}
    ]
    
    \node[start](a) {\bfseries 图像构造};
    \node[above=2pt of a,
            长方形,
            绘制=深蓝色,
            填充=深蓝色,
            最小高度=2厘米,
            最小宽度=13厘米,
            文字=白色,
            内分离度=1pt]
            (标题){\large{数字照片}};
    \node[cont] {\bfseries 元数据 EXIF};
    \node[cont](b) {\bfseries 步骤3};
    \node[right=2pt 标题,
            长方形,
            绘制=深蓝色,
            填充=深蓝色,厚,
            圆角,
            最小高度=3厘米,
            文字宽度=5厘米,
            文字=白色]
            (能力){识别最终图像构建阶段};
\结束{tikzpicture}
\结束{文档}

最终解决方案。感谢 JS Bibra 及其使用锚点

\documentclass[tikz,border=2pt]{独立}
\usetikzlibrary{链条,定位,形状.符号}
\usepackage{xcolor}
\definecolor{深蓝色}{RGB}{9,72,90}
\definecolor{浅蓝色}{RGB}{124,184,201}

\开始{文档}
\开始{tikzpicture}[
    节点距离 = 2pt,
    启动链 = 向右走,
    开始/.style = {信号,
                    绘制=深蓝色,
                    很厚,
                    填充=浅蓝色,
                    文字宽度=2厘米,
                    最小高度=1厘米,
                    字体=\scriptsize,
                    文字=白色,
                    信号指针角度=120,在链上},
    con/.style = {开始,
                    信号来自=西方}
    ]
    
    \node[start,](a) {\bfseries 图像的构造};
    \node[above=0.6cm 西边,
            锚点=西南,
            长方形,
            圆角,
            绘制=深蓝色,
            填充=深蓝色,
            最小高度=2厘米,
            最小宽度=13厘米,
            文字=白色,
            内分离度=1pt]
            (标题){};
    \node [boitetitre.west 的右 1em,
        锚点=西南,
        文字=白色]     
        (标题){\Large{La photographie numérique}};
    \node [boitetitre 的 left=1em。东南,
        锚点=东南,
        文字=白色]     
        (标题){\Large{Troisième}};
    \node [boitetitre.west 的右 1em,
        锚点=西南,
        文字=白色]     
        (标题){\Large{La photographie numérique}};
    \node[cont] {\bfseries 元数据 EXIF};
    \node[cont](b) {\bfseries 步骤3};
    \node[右=boitetitre 5.4cm。东北,锚点=东北,
            长方形,
            绘制=深蓝色,
            填充=深蓝色,厚,
            圆角,
            最小高度=3厘米,
            文字宽度=5厘米,
            文字=白色]
            (能力){识别最终图像构建阶段};
\结束{tikzpicture}
\结束{文档}

在此处输入图片描述

答案1

在此处输入图片描述

\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=0.6cm of a.west, anchor=south west,
            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=5.4cm of titre.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}

相关内容