tikz 折线 箭头_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 == 1then{
{
\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}
效果图：