到目前为止,我一直在使用 drawio 来制作一些文档的标题。我想转到 tikz,有人能帮我吗?
以下是我所做的。虽然不完美,但这是一个开始。如能提供帮助,我将不胜感激:
- 用于将节点相互定位;
- 将多个文本放在同一个节点的不同位置;
- 对于箭头的形状,我想要一个在后面有一个内角的箭头。
\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}