TIKZ——LaTeX基本绘图

　　TIKZ是LaTeX的一个绘图包，可以绘制其他软件很难画出来的图像。

基本用法

直线、垂足、矩形、椭圆

　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 

\begin{tikzpicture}
     
    \draw[->] (0,0)--(7,0);
    \draw[->] (0,0)--(0,7); %箭头线

    \draw[red] (2,1) -| (1,2);%直角1
    \draw[blue] (2,1)|-(1,2);%直角2
    \draw[green] (2,2) circle (1);%圆：圆心、半径
    \draw[black] (4,4) ellipse (1 and 3);%椭圆：短、长半轴
    \draw[yellow] (3,3) rectangle (4,1);%矩形
    \draw[orange] (0,0) -- (2,1-|1,2);%找到垂点并与（0,0）连线
    \draw[purple] (0,1)--(1,1.5)--(0,2)--cycle  %封闭的线段
                  (0,2)--(1,3);%不加分号的连写
\end{tikzpicture} 
 
\end{document}  

　　效果图：

圆弧、椭圆弧、三角函数曲线、贝塞尔曲线

　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 
 
\begin{tikzpicture}
    \draw[->] (0,0)--(7,0);
    \draw[->] (0,0)--(0,7); %箭头线

    \draw[red] (3,2) arc (0:120:1);%圆弧：起始点,开始角度:结束角度:半径
    \draw[blue] (3,2) arc (0:120:1 and 2);%椭圆弧
    \draw[green] (0,0) sin (3,1) cos (5,0);%画pi/2的正弦、余弦
    \draw[orange] (3,3)..controls (4,4)and(5,5) .. (4,3); %贝塞尔曲线：起点..controls 控制点 and 控制点..终点
\end{tikzpicture}  
\end{document}  

　　效果图：

辅助线、网格、填充、自定义函数

　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 
  
\begin{tikzpicture}
    \draw[help lines,step = 0.5] (-3,-3) grid (3,3); %辅助线格子
    \draw[-latex] (-4,0) -- (4,0);
    \draw[-latex] (0,-4) -- (0,4);%实心箭头
    \draw[domain = -2:360][samples = 200] plot({cos(\x)}, {0.5*sin(\x)});%函数图像，参数方程，内有小括号，外面必须用花括号括起来，samples是画函数图时列出的点
    \filldraw[fill = yellow,draw = blue][ultra thick] (2,2) circle (1);%填色，还可以设置线宽
\end{tikzpicture} 
\end{document}  

　　效果图：

图形旋转、平移、缩放、变形、圆角多边形、箭头设置

　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 
   
\begin{tikzpicture}[>=Stealth]%设置箭头，环境中所有箭头都用这个库 
    \draw[->] (-4,0) -- (4,0);
    \draw[->>] (0,-4) -- (0,4); 
    \draw(-3,2)--(-3,3)[rounded corners = 0.3cm] 
    -- (-2,3)--(-1.5,2)[sharp corners]--(-2.5,1)--cycle;%圆角多边形
 
    \draw[help lines](0,0) rectangle (1,1);%辅助线
    \draw[scale=1.5] (0,0) rectangle (1,1);%缩放
    \draw[rotate=30] (0,0) rectangle (1,1);%扰起点旋转

    \draw[help lines](2,0) rectangle (3,1);
    \draw[shift={(0.5,0.5)}](2,0) rectangle (3,1);%平移

    \draw[help lines](4,0) rectangle (5,1);
    \draw[xslant=0.4](4,0) rectangle (5,1);%倾斜

\end{tikzpicture}

\end{document}  

　　效果图：

锚点、自定义属性

　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 
   
\begin{tikzpicture} 
    \draw[->] (-4,0) -- (4,0);
    \draw[->>] (0,-4) -- (0,4);  

    \node (A) at (2,2) {$A_1$};
    \node[draw] (B) at (3,2) {B};%draw属性添加自适应大小的方框
    \node[draw] (C) at (2.5,3) {};
    \draw (A) -- (B.center) -- (C.north) -- (A);%连线可以连到字母方框的某个位置：center/north/south/east/west
    \node[draw,anchor=east] (a) at (A) {$a_0$};%定义A的锚点在A位置的东部，然后定义a，并将其位置定义为A位置的中心
    \node[draw,below right=4pt] (b) at (B) {b};%在相对于B的位置右下方4pt的地方定义b

    \node[circle,fill=blue,text=white,font={\bfseries}] 
        (A) at (0,0) {A node};%填充、各种可自定义的参数
    \node[rectangle,rounded corners,draw=gray,font={\sffamily\slshape}] 
        (B) at (2,0) {B node};

    \node[draw] (P) at (-3,3){center};
    \draw[dotted] (0,0)--(P.south);%画某点到某点的南边的线
\end{tikzpicture}

\end{document}  

　　效果图：

 线段与点的标注

 　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 
   
\begin{tikzpicture} 
    \draw (2,1.5)coordinate (A)node[above] {$A$}%定义点A并标注A
        --node[above left,sloped] {$c$}%给线标注c
          (0,0)coordinate (B)node[left] {$B$}
        --node[below]{$a$}
          (2.5,0)coordinate (C)node[right]{$C$}
        --node[right]{$b$}
          cycle;
\end{tikzpicture}

\end{document}  

　　效果图：

例子

 　　代码：

\documentclass{article}
\usepackage{tikz}  
\usetikzlibrary{arrows.meta}%画箭头用的包
\begin{document} 
   
\begin{tikzpicture}[>=Stealth]
    \draw[->,line width=0.2pt](-0.5,0)--(4.5,0);
    \draw[->,line width=0.2pt](0,-0.5)--(0,2.5);
    \coordinate (a) at (0.5,1.9);
    \coordinate (b) at (4,1.2);
    \coordinate (a0) at (a |- 0,0); 
    \coordinate (b0) at (b |- 0,0); 
    \node[below] at (a0) {$a$};
    \node[below] at (b0) {$b$};
    \filldraw[fill=gray!50,draw,thick] 
        (a0)--(a)..controls(1,2.8)and(2.7,0.4)..(b)--(b0)--cycle;
    \node[above right,outer sep=0.2cm,rounded corners,fill = green!20,draw = black,text = blue!60!red,scale = 0.6] %blue60，red40
        at (b) {$\displaystyle\int_a^bf(x)dx = F(b)-F(a)$};%写标注，draw边框，fill填充，scale字体大小
\end{tikzpicture}

\end{document}  

　　效果图：

用循环、判断语句绘图

 　　代码：

\documentclass{article}
\usepackage{tikz}
\usepackage{pgffor}%可以使用foreach的包
\usepackage{ifthen}%可以使用ifthenelse的包，还能使用whiledo

\begin{document}
\begin{tikzpicture}
    \foreach \i in {0,...,5}{
        \foreach \j in {0,...,\i}{
            \ifthenelse{\i > 3}{%if成立
                \node[fill = green!20,rounded corners]at (\i,\j) {(\i,\j)};
            }{%if不成立
                \node[fill = red!20,rounded corners]at (\i,\j) {(\i,\j)};
            }
        }
    } 
\end{tikzpicture}
\end{document}

　　效果图：

定义变量、使用函数

　　这个库可以让你使用过程语言结合LaTeX的画图脚本的来画图，十分方便。主要就是导入math库：

　　\usetikzlibrary{math}%使用数学程序
　　\usetikzlibrary{fpu}%修理不能使用ifthenelse的错误

　　代码：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{fpu}%修理不能使用ifthenelse的错误!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\usetikzlibrary{math}%使用数学程序
\begin{document}
\begin{tikzpicture} 
    \tikzmath{ %数学程序编写，定义的变量可以在其外部使用，里面所有语句都要加分号; 并且不能有多余的回车
        function paint_loop(\x,\y){ %函数中只能使用局部变量，外部变量不能用
            for \i in {0,1,...,\x}{
                for \j in {0,...,\y}{ 
                    int \ii,\jj; 
                    \ii = \i*1.5; 
                    \jj = \j;  
                    if \ii > 2 then {%条件分支语句    
                        {%绘图代码在数学程序内部使用，要用画括号括起来！！！！
                            \node[draw,fill = green!20,rounded corners] at (\ii,\jj) {(\ii,\jj)};
                        };
                    }else{ 
                        { 
                            \node[draw,fill = red!20,rounded corners] at (\ii,\jj) {(\ii,\jj)};
                        };
                    }; 
                };
            }; 
        }; 
        \a = 5; %和python一样，加个.就是实数，不加点就是小数
        \b = 3; 
        paint_loop(\a,\b);
        coordinate \co;%能自定义的变量有int、real、coordinate（坐标），不能在定义的时候赋值
        \co = (3,4.5);
    }
    \draw[-latex] (-1,0) -- (5,0);
    \draw[-latex] (0,-1) -- (0,5);
    \node at (\co) {COCOCO}; %在tikzmath中定义的变量在能外部使用

\end{tikzpicture}
\end{document}

　　效果图：

绘制神经网络图

　　代码：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{fpu}%修理不能使用ifthenelse的错误!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
\usetikzlibrary{math}%使用数学程序
\begin{document}
\begin{tikzpicture} 
    \tikzmath{ 
        function paint_nodes(\radius,\gapy,\posx,\num){ 
            \gapy = \gapy+\radius*2;  
            \starty = \gapy*(\num-1)/2; 
            for \i in {0,...,\num-1}{
                \drawy = \starty - \i*\gapy; 
                {
                    \filldraw[line width = 0.5pt,fill = white] (\posx,\drawy) circle (\radius);
                };
            };   
        };
        function paint_lines(\radius,\gapy,\posx,\num,\nextposx,\nextnum){ 
            \gapy = \gapy+\radius*2;  
            \starty = \gapy*(\num-1)/2;
            \startyy = \gapy*(\nextnum-1)/2; 
            for \i in {0,...,\num-1}{
                \drawy = \starty - \i*\gapy; 
                for \j in {0,...,\nextnum-1}{  
                    \drawyy = \startyy - \j*\gapy;   
                    {
                        \draw (\posx,\drawy) -- (\nextposx,\drawyy);
                    };
                }; 
            };
        };
        function paint_x_lines(\radius,\gapy,\posx,\num,\ifright,\len){
            \gapy = \gapy+\radius*2;  
            \starty = \gapy*(\num-1)/2; 
            for \i in {0,...,\num-1}{
                \drawy = \starty - \i*\gapy; 
                if \ifright == 1 then{
                    {
                        \draw[-latex] (\posx,\drawy) -- (\posx+\len,\drawy);
                    }; 
                }else{ 
                    {
                        \draw[-latex] (\posx,\drawy)--(\posx-\len,\drawy);
                    }; 
                }; 
            }; 
        };
        function paint_net(\x0,\x1,\x2,\x3){  
            \gapx = 2;
            \radius = 0.3;
            \gapy = 0.2; 
            paint_lines(\radius,\gapy,0*\gapx,\x0,1*\gapx,\x1);
            paint_lines(\radius,\gapy,1*\gapx,\x1,2*\gapx,\x2);
            paint_lines(\radius,\gapy,2*\gapx,\x2,3*\gapx,\x3); 
            paint_x_lines(\radius,\gapy,3*\gapx,\x3,1,1.8);
            paint_x_lines(\radius,\gapy,0*\gapx-1,\x0,1,1);
            paint_nodes(\radius,\gapy,1*\gapx,\x1); 
            paint_nodes(\radius,\gapy,2*\gapx,\x2);
            paint_nodes(\radius,\gapy,3*\gapx,\x3);  
        };  
        paint_net(7,9,10,5); 
    } 
    \node[scale = 0.9] at (0,-4.2) {Feature};
    \node[scale = 0.9] at (2,-4.2) {Input layer};
    \node[scale = 0.9] at (4,-4.2) {Hide layer};
    \node[scale = 0.9] at (6,-4.2) {Output layer}; 

\end{tikzpicture}
\end{document}

　　效果图：