7
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

TikZ 入門(Part.1) 線分を引く/太さ・色・線種を変える

Last updated at Posted at 2021-05-24

いぇと(@yetput_ikura)です.
TikZ の簡単な説明をします.まとめてたくさん書くのは面倒なので少しずつ書くつもりです.

TikZ を使おう

TikZ は TeX で図が書けるパッケージです.
私自身 TikZ について知らないことはたくさんあるので記事を書きながら学ぶことにします.

プリアンブル

プリアンブル(\begin{document} の前)で TikZ パッケージを導入しときましょう.

\usepackage{tikz}

おしまいです.これで基本は問題ないです.

書き方

tikzpicture 環境で書きます.

\begin{tikzpicture}

\end{tikzpicture}

普段の私は「図」だからといって figure 環境に入れてます.

\begin{figure}[htbp]
\centering #中央揃え
\begin{tikzpicture}

\end{tikzpicture}
\caption{} #キャプション
\label{} #ラベル
\end{figure}

あとはこの中にごにょごにょ書くだけです.

線分を引く

座標 $(x_1,y_1)$ から座標 $(x_2,y_2)$ への線分を描くためには次のように書きます.

\begin{tikzpicture}
\draw (x1,y1) -- (x2,y2);
\end{tikzpicture}

TikZ の文法では最後に必ずセミコロン ; を忘れないように気をつけてください.
\draw は描きなさいという命令です.座標は (x,y) と書きます.線分を引くときには -- で座標をつなぎます.

例として $(0,0)$ から $(2,1)$ への線分を書いてみましょう.

\begin{tikzpicture}
\draw (0,0) -- (2,1);
\end{tikzpicture}

img1.png

線分をつなぐ

$(x_1,y_1)$ から $(x_2,y_2)$ への線分と,$(x_2,y_2)$ から $(x_3,y_3)$ への線分が書きたいとします.もちろん,次のように書いても良いでしょう.

\begin{tikzpicture}
\draw (x1,y1) -- (x2,y2);
\draw (x2,y2) -- (x3,y3);
\end{tikzpicture}

次のように書いても同じように線分をつなぐことができます.

\begin{tikzpicture}
\draw (x1,y1) -- (x2,y2) -- (x3,y3);
\end{tikzpicture}

例えば,$(0,0),(0,1),(1,1),(1,0)$ の順に線分をつなぐときには次のように書けば良いです.

\begin{tikzpicture}
\draw (0,0) -- (0,1) -- (1,1) -- (1,0);
\end{tikzpicture}

img2.png

始点と終点をつなぐ

始点と終点をつなぐ際には -- cycle を最後に加えれば良いです.

\begin{tikzpicture}
\draw (x1,y1) -- (x2,y2) -- (x3,y3) -- cycle;
\end{tikzpicture}

先の $(0,0),(0,1),(1,1),(1,0)$ をつないだ例の場合を用いて始点と終点をつないでみましょう.

\begin{tikzpicture}
\draw (0,0) -- (0,1) -- (1,1) -- (1,0) -- cycle;
\end{tikzpicture}

img3.png

太さ・色・線種を変える

線の太さや色,線種を変える際には \draw[・] とします.

\begin{tikzpicture}
\draw[option]  ・・・;
\end{tikzpicture}

太さ

太さには ultra thin, very thin, thin, semithick, thick, very thick, ultra thick があります.数値で指定する際には line width = のように書きます.

\begin{tikzpicture}
\draw[ultra thin] (0,0) -- (0,1);
\draw[very thin] (1,0) -- (1,1);
\draw[thin] (2,0) -- (2,1);
\draw[semithick] (3,0) -- (3,1);
\draw[thick] (4,0) -- (4,1);
\draw[very thick] (5,0) -- (5,1);
\draw[ultra thick] (6,0) -- (6,1);

\draw[line width = 10] (7,0) -- (7,1);
\end{tikzpicture}

img4.png

black, white, blue, red, yellow, green あたりはもちろん,brown, cyan, darkgray, gray, 'lightgray', lime, magenta, olive, orange, pink, purple, teal, violet なんかも標準色として備わっています.

\begin{tikzpicture}
\draw[blue] (1,0) -- (1,1);
\draw[red] (2,0) -- (2,1);
\draw[yellow] (3,0) -- (3,1);
\draw[green] (4,0) -- (4,1);
\end{tikzpicture}

img5.png

線種

線種は solid, dotted, dashed, dash dot, dash dot dot あたりが備わっています.densely をつけると密に,loosely をつけると疎になります.

\begin{tikzpicture}
\draw[solid] (1,0) -- (1,1);
\draw[dotted] (2,0) -- (2,1);
\draw[dashed] (3,0) -- (3,1);
\draw[dash dot] (4,0) -- (4,1);
\draw[dash dot dot] (5,0) -- (5,1);
\draw[densely dotted] (6,0) -- (6,1);
\draw[loosely dotted] (7,0) -- (7,1);
\end{tikzpicture}

img6.png

複数のオプション

オプションを複数つける場合にはカンマで区切れば良いです.

\begin{tikzpicture}
\draw[option1, option2, option3] ・・・;
\end{tikzpicture}

太くて赤い点線を描いて,今回は終わりにしましょう.

\begin{tikzpicture}
\draw[ultra thick, red, dashed] (1,0) -- (1,1);
\end{tikzpicture}

img7.png

めでたし.

7
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?