Texによる文書作成28 ～TikZ, 線のスタイル設定

今回はTikZで描画する線のスタイル設定の方法について紹介したい。

atatat.hatenablog.com

1. 線の太さ
2. 線種
3. 線の修飾
4. 線の色
5. まとめ

1. 線の太さ

　描画する線の太さを指定するには例えば\draw[line width=1pt] (0,0)--(2,0);のようにオプションでline widthを指定する。直接太さを指定する以外プリセットのキーワードを使って指定することもできる。

直接指定 \par
\tikz \draw[line width=1pt] (0,0)--(2,0);

ultra thin:0.1pt \par
\tikz \draw[ultra thin] (0,0)--(2,0);

very thin:0.2pt \par
\tikz \draw[very thin] (0,0)--(2,0);

thin:0.4pt \par
\tikz \draw[thin] (0,0)--(2,0);

semithick:0.6pt \par
\tikz \draw[semithick] (0,0)--(2,0);

thick:0.8pt \par
\tikz \draw[thick] (0,0)--(2,0);

very thick:1.0pt \par
\tikz \draw[very thick] (0,0)--(2,0);

ultra thick:1.2pt \par
\tikz \draw[ultra thick] (0,0)--(2,0);

それぞれオプションで描画される線を比較すると以下のようになる。

2. 線種

　次に点線などの線種もオプションのキーワードを用いて設定する。点の密度をloosely, denselyと指定できるので結構豊富になる。直接パターンを指定したい場合は、点のON/OFF,それぞれ長さを \draw[dash pattern=on 2pt off 3pt on 4pt off 4pt](0,0)--(3.5cm,0);のように指定する。

dotted \par
\tikz \draw[dotted] (0,0)--(2,0);

densely dotted \par
\tikz \draw[densely dotted] (0,0)--(2,0);

loosely dotted \par
\tikz \draw[loosely dotted] (0,0)--(2,0);

dashed \par
\tikz \draw[dashed] (0,0)--(2,0);

densely dashed \par
\tikz \draw[densely dashed] (0,0)--(2,0);

loosely dashed \par
\tikz \draw[loosely dashed] (0,0)--(2,0);

dash dot \par
\tikz \draw[dash dot] (0,0)--(2,0);

densely dash dot \par
\tikz \draw[densely dash dot] (0,0)--(2,0);

loosely dash dot \par
\tikz \draw[loosely dash dot] (0,0)--(2,0);

dash dot dot \par
\tikz \draw[dash dot dot] (0,0)--(2,0);

densely dash dot dot \par
\tikz \draw[densely dash dot dot] (0,0)--(2,0);

loosely dash dot dot \par
\tikz \draw[loosely dash dot dot] (0,0)--(2,0);

直接パターン指定 \par
\tikz \draw[dash pattern=on 2pt off 3pt on 4pt off 4pt](0,0)--(3.5cm,0);

3. 線の修飾

　２重線はdoubleや矢印は->、線の端のスタイルline capのオプションで指定できる。

2重線: \par
\tikz \draw[double] (0,0)--(2,0);

2重線距離: \par
\tikz \draw[double distance=5pt] (0,0)--(2,0);

片側矢印: \par
\tikz \draw[->] (0,0)--(2,0);

片側矢印: \par
\tikz \draw[<-] (0,0)--(2,0);

両側矢印: \par
\tikz \draw[<->] (0,0)--(2,0);

2重矢印: \par
\tikz \draw[->>] (0,0)--(2,0);

2重線矢印: \par
\tikz \draw[double, <->] (0,0)--(2,0);

cap:round \par
\tikz \draw[line width=5pt, line cap=round] (0,0)--(2,0);

cap:butt \par
\tikz \draw[line width=5pt, line cap=butt] (0,0)--(2,0);

cap:rect \par
\tikz \draw[line width=5pt, line cap=rect] (0,0)--(2,0);

4. 線の色

　線の色はred, buleをオプションとして指定する。以下20色はキーワードで指定できるが、それ以外はプリアンブルで\usepackage{xcolor}をロードし、RGBを直接指定して\definecolor{bittersweet}{rgb}{1.0, 0.44, 0.37}のように色を定義する。（今回はbittersweet）色のサンプル例としては LaTeX Color Definitions を参照。

Red:\par
\tikz \draw[red] (0,0)--(2,0);

Blue:\par
\tikz \draw[blue] (0,0)--(2,0);

Green:\par
\tikz \draw[green] (0,0)--(2,0);

Cyan:\par
\tikz \draw[cyan] (0,0)--(2,0);

Magenta:\par
\tikz \draw[magenta] (0,0)--(2,0);

Yellow:\par
\tikz \draw[yellow] (0,0)--(2,0);

White:\par
\tikz \draw[white] (0,0)--(2,0);

Black:\par
\tikz \draw[black] (0,0)--(2,0);

Gray:\par
\tikz \draw[gray] (0,0)--(2,0);

Lightgray:\par
\tikz \draw[lightgray] (0,0)--(2,0);

Darkgray:\par
\tikz \draw[darkgray] (0,0)--(2,0);

Olive:\par
\tikz \draw[olive] (0,0)--(2,0);

Lime:\par
\tikz \draw[lime] (0,0)--(2,0);

Brown:\par
\tikz \draw[brown] (0,0)--(2,0);

Orange:\par
\tikz \draw[orange] (0,0)--(2,0);

Purple:\par
\tikz \draw[purple] (0,0)--(2,0);

Violet:\par
\tikz \draw[violet] (0,0)--(2,0);

Pink:\par
\tikz \draw[pink] (0,0)--(2,0);

Teal:\par
\tikz \draw[teal] (0,0)--(2,0);

Bittersweet(定義):\par
\tikz \draw[bittersweet] (0,0)--(2,0);