初めてのTikZ写真

#あなたの最初のTikZ写真

TikZ は、LaTeX ドキュメント内に存在する描画言語です。別のツールからエクスポートされた図をインポートする代わりに、それをテキストで記述すると、コンパイラーがそれを描画します。その利点は、出力がドキュメント独自のフォントを使用したベクター グラフィックスであるため、ラベルが周囲のテキストと正確に一致し、どのズームでも鮮明なままであることです。その代償として、ボックスをドラッグする代わりに座標とオプションを記述する必要があります。ボックスと矢印から作成された図の場合、通常、トレードオフにはそれだけの価値があります。これは 3 ボックスのパイプライン、標準的な最初の図です。

\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,rounded Corners] (a) {Input}; では、角括弧内のオプションはノードの境界線を描画して角を丸くすることを示し、(a) は後で参照できる名前をノードに与え、{Input} は内部のテキストです。 2 番目のノードは、positioning ライブラリの right=of a を使用し、環境のオプションの node distance=1.5cm で設定された距離でノード a の右側に配置します。ノードを絶対座標ではなく相対的に配置すると、1 つのラベルが長くなると図全体が調整されます。

エッジ

エッジとは 2 つの点を結ぶ線です。ノードには名前が付いているので、名前で接続します。 \draw (a) -- (b); は、ノード a からノード b まで直線を描きます。 TikZ は、ラインをノードの中心ではなく境界で開始および終了します。 [-Latex] オプションは、arrows.meta ライブラリから矢印の先端のスタイルを設定し、線の目的地に実線の矢印を与えます。このヒントはパスごとに 1 回、パスの最後に適用されます。そのため、この例では 2 つの \draw コマンドを使用しています。単一の (a) -- (b) -- (c) パスでは、c にのみ矢印が配置されます。

次にどこへ行くか

画像とまったく同じように、キャプションと番号が必要な場合は、「tikzpicture」を「figure」環境でラップします。 TikZ コードはこれらのページ内プレビューではレンダリングされないため、プロジェクト内でスニペットをコンパイルして結果を確認します。 Oleafly では、Diagram Composer は開始点として編集可能な TikZ を生成することもできます。最も一般的な初心者エラーは、すべての TikZ コマンドを終了するセミコロンを忘れることです。これにより、長く混乱を招くエラーが発生します。図が 3 つのボックスを超えたら、ノードと矢印 および 整列されたフローチャート ボックス に進みます。