Ваша первая фотография в TikZ

TikZ — это язык рисования, который находится внутри вашего документа LaTeX. Вместо импорта диаграммы, экспортированной из другого инструмента, вы описываете ее в тексте, а компилятор рисует ее. Преимущество заключается в том, что на выходе получается векторная графика с использованием собственных шрифтов вашего документа, поэтому метки точно соответствуют окружающему тексту и остаются четкими при любом масштабировании. Цена состоит в том, что вы пишете координаты и параметры вместо того, чтобы перетаскивать поля. Для диаграмм, построенных из прямоугольников и стрелок, компромисс обычно того стоит. Вот трехблочный конвейер, каноническая первая картинка:

\usepackage{tikz}
\usetikzlibrary{positioning,arrows.meta}

\begin{tikzpicture}[node distance=1.5cm]
 \node[draw, rounded corners] (a) {Input};
 \node[draw, rounded corners, right=of a] (b) {Model};
 \node[draw, rounded corners, right=of b] (c) {Output};
 \draw[-Latex] (a) -- (b);
 \draw[-Latex] (b) -- (c);
\end{tikzpicture}

Узлы

Узел — это часть контента, обычно текста, размещенная в определенной позиции, возможно, с нарисованной вокруг нее фигурой. В \node[draw, округленные углы] (a) {Input}; параметры в квадратных скобках говорят о том, что нужно рисовать границу узла и закруглять его углы, (a) дает узлу имя, к которому вы можете обратиться позже, а {Input} — это текст внутри. Второй узел использует right=of a из библиотеки positioning, которая размещает его справа от узла a на расстоянии, заданном node distance=1,5cm в настройках среды. Размещайте узлы относительно друг друга, а не в абсолютных координатах, и вся диаграмма будет корректироваться, когда одна метка становится длиннее.

Края

Ребро — это линия, соединяющая две точки. Поскольку узлы имеют имена, вы соединяете их по имени: \draw (a) -- (b); рисует прямую линию от узла a к узлу b. TikZ начинает и заканчивает линию на границах узлов, а не в их центрах. Опция [-Latex] устанавливает стиль кончика стрелки из библиотеки arrows.meta, придавая линии сплошную стрелку в пункте назначения. Совет применяется один раз для каждого пути, в его конце, поэтому в примере используются две команды \draw. Один путь (a) -- (b) -- (c) поместит стрелку только в c.

Куда идти дальше

Оберните «tikzpicture» в среду «figure», когда ему нужна подпись и номер, точно так же, как изображение. Код TikZ не отображается в этих предварительных просмотрах на странице, поэтому скомпилируйте фрагмент в проекте, чтобы увидеть результат. В Oleafly Diagram Composer также может создавать редактируемые TikZ в качестве отправной точки. Самая распространенная ошибка новичков — забывание точки с запятой, завершающей каждую команду TikZ, что приводит к длинной запутанной ошибке. Когда диаграмма превысит три блока, перейдите к узлам и стрелкам и выровненным полям блок-схемы.