markdown公式和绘图
分数,平方
算式 | Makedown |
---|---|
\(\frac{ax+b}{c+d^2}\) | \frac{ax+b} |
下标
算式 | Makedown |
---|---|
\(z=z_a\) | z=z_a |
省略号
算式 | Makedown |
---|---|
\(\cdots\) | \cdots |
行间公式(使用两个$包含公式可以独立一行)
行间公式 | Makedown |
---|---|
\(\frac{d}{dx}ae^{ax}=ae^{ax }\quad\sum_{i-1}^{n}{(x_i-\overline{x})^{2}}\) | \frac{d}{dx}ae^{ax}=ae^{ax }\quad\sum_{i-1}^{n}{(x_i-\overline{x})^{2}} |
\(\frac{d}{dx}a^{ax}=ae^{ax}\) \(\sum_{i-1}^{n}(x_i-\overline{x})^{2}\) |
\frac{d}{dx}ae^{ax}=ae^{ax } \sum_{i-1}^{n}{(x_i-\overline{x})^{2}} |
开根号
根号 | Markdown |
---|---|
\(\sqrt{n}\) | \sqrt |
\(\sqrt[n]{m}\) | \sqrt[n] |
矢量
矢量 | Markdown |
---|---|
\(\vec{a}\cdot\vec{b}=0\) | \vec{a}\cdot\vec{b}=0 |
微积分
算式 | Markdown |
---|---|
\(\int ^a_bx^2{\rm d}x\) | \int ^a_bx^2{\rm d}x |
\(\iint\) | \iint |
\(\iiint\) | \iiint |
\(\oint\) | \oint |
\(\mathrm{d}\) | \mathrm |
\(\prime\) | \prim |
\(\lim\) | \lim |
\(\infty\) | \infty |
\(\partial\) | \partial |
\(\sum\) | \sum |
极限
算式 | Makedown |
---|---|
\(\lim_{n\rightarrow +\infty}n\) | \lim_{n\rightarrow +\infty}n |
累加
算式 | Markdown |
---|---|
\(\sum \frac{1}{i^n}\) | \sum \frac{1} |
输入括号和分隔符
算式 | Makedown |
---|---|
$$ \langle a \rangle$$ | \angle a \rangle |
\(\lceil a\rceil\) | \lceil a\rceil |
\(\lfloor a\rfloor\) | \lfloor a\rfloor |
\(\lbrace a\rbrace\) | \lbrace a\rbrace |
希腊字母
输入 | 显示 | 输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|---|---|
\alpha | \(\alpha\) | A | \(A\) | \beta | \(\beta\) | B | \(B\) |
\gamma | \(\gamma\) | \Gamma | \(\Gamma\) | \delta | \(\delta\) | \Delta | \(\Delta\) |
\epsilon | \(\epsilon\) | E | \(E\) | \zeta | \(\zeta\) | Z | \(Z\) |
\eta | \(\eta\) | H | \(H\) | \theta | \(\theta\) | \Theta | \(\Theta\) |
\iota | \(\iota\) | I | \(I\) | \kappa | \(\kappa\) | K | \(K\) |
\lambda | \(\lambda\) | \Lambda | \(\Lambda\) | \mu | \(\mu\) | M | \(M\) |
\nu | \(\nu\) | N | \(N\) | \xi | \(\xi\) | \Xi | \(\Xi\) |
o | \(o\) | O | \(O\) | \pi | \(\pi\) | \Pi | \(\Pi\) |
\rho | \(\rho\) | P | \(P\) | \sigma | \(\sigma\) | \Sigma | \(\Sigma\) |
\tau | \(\tau\) | T | \(T\) | \upsilon | \(\upsilon\) | \Upsilon | \(\Upsilon\) |
\phi | \(\phi\) | \Phi | \(\Phi\) | \chi | \(\chi\) | X | \(X\) |
\psi | \(\psi\) | \Psi | \(\Psi\) | \omega | \(\omega\) | \Omega | \(\Omega\) |
部分字母有变量专用形式,以 \var-
开头。
小写形式 | 大写形式 | 变量形式 | 显示 |
---|---|---|---|
\epsilon | E | \varepsilon | \(\epsilon \mid E \mid \varepsilon\) |
\theta | \Theta | \vartheta | \(\theta \mid \Theta \mid \vartheta\) |
\rho | P | \varrho | \(\rho \mid P \mid \varrho\) |
\sigma | \Sigma | \varsigma | \(\sigma \mid \Sigma \mid \varsigma\) |
\phi | \Phi | \varphi | \(\phi \mid \Phi \mid \varphi\) |
如何输入其它特殊字符
(1).关系运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|---|---|
\pm | \(\pm\) | \times | \(\times\) | \div | \(\div\) | \mid | \(\mid\) |
\nmid | \(\nmid\) | \cdot | \(\cdot\) | \circ | \(\circ\) | \ast | \(\ast\) |
\bigodot | \(\bigodot\) | \bigotimes | \(\bigotimes\) | \bigoplus | \(\bigoplus\) | \leq | \(\leq\) |
\geq | \(\geq\) | \neq | \(\neq\) | \approx | \(\approx\) | \equiv | \(\equiv\) |
\sum | \(\sum\) | \prod | \(\prod\) | \coprod | \(\coprod\) | \backslash | \(\backslash\) |
(2).集合运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\emptyset | \(\emptyset\) | \in | \(\in\) | \notin | \(\notin\) |
\subset | \(\subset\) | \supset | \(\supset\) | \subseteq | \(\subseteq\) |
\supseteq | \(\supseteq\) | \bigcap | \(\bigcap\) | \bigcup | \(\bigcup\) |
\bigvee | \(\bigvee\) | \bigwedge | \(\bigwedge\) | \biguplus | \(\biguplus\) |
(3).对数运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\log | \(\log\) | \lg | \(\lg\) | \ln | \(\ln\) |
(4).三角运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
30^\circ | \(30^\circ\) | \bot | \(\bot\) | \angle A | \(\angle A\) |
\sin | \(\sin\) | \cos | \(\cos\) | \tan | \(\tan\) |
\csc | \(\csc\) | \sec | \(\sec\) | \cot | \(\cot\) |
(5).微积分运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\int | \(\int\) | \iint | \(\iint\) | \iiint | \(\iiint\) |
\iiiint | \(\iiiint\) | \oint | \(\oint\) | \prime | \(\prime\) |
\lim | \(\lim\) | \infty | \(\infty\) | \nabla | \(\nabla\) |
(6).逻辑运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\because | \(\because\) | \therefore | \(\therefore\) | ||
\forall | \(\forall\) | \exists | \(\exists\) | \not\subset | \(\not\subset\) |
\not< | \(\not<\) | \not> | \(\not>\) | \not= | \(\not=\) |
(7).戴帽符号
输入 | 显示 | 输入 | 显示 |
---|---|---|---|
\hat | \(\hat{xy}\) | \widehat | \(\widehat{xyz}\) |
\tilde | \(\tilde{xy}\) | \widetilde | \(\widetilde{xyz}\) |
\check | \(\check{x}\) | \breve | \(\breve{y}\) |
\grave | \(\grave{x}\) | \acute | \(\acute{y}\) |
(8).连线符号
输入 | 显示 |
---|---|
\fbox | \(\fbox{a+b+c+d}\) |
\overleftarrow | \(\overleftarrow{a+b+c+d}\) |
\overrightarrow | \(\overrightarrow{a+b+c+d}\) |
\overleftrightarrow | \(\overleftrightarrow{a+b+c+d}\) |
\underleftarrow | \(\underleftarrow{a+b+c+d}\) |
\underrightarrow | \(\underrightarrow{a+b+c+d}\) |
\underleftrightarrow | \(\underleftrightarrow{a+b+c+d}\) |
\overline | \(\overline{a+b+c+d}\) |
\underline | \(\underline{a+b+c+d}\) |
\overbrace{a+b+c+d}^ | \(\overbrace{a+b+c+d}^{Sample}\) |
\underbrace{a+b+c+d}_ | \(\underbrace{a+b+c+d}_{Sample}\) |
\overbrace{a+\underbrace{b+c}_{1.0}+d}^ | \(\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}\) |
\underbrace{a\cdot a\cdots a}_{b\text{ times}} | \(\underbrace{a\cdot a\cdots a}_{b\text{ times}}\) |
(9).箭头符号
- 推荐使用符号:
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\to | \(\to\) | \mapsto | \(\mapsto\) | ||
\implies | \(\implies\) | \iff | \(\iff\) | \impliedby | \(\impliedby\) |
- 其它可用符号:
输入 | 显示 | 输入 | 显示 |
---|---|---|---|
\uparrow | \(\uparrow\) | \Uparrow | \(\Uparrow\) |
\downarrow | \(\downarrow\) | \Downarrow | \(\Downarrow\) |
\leftarrow | \(\leftarrow\) | \Leftarrow | \(\Leftarrow\) |
\rightarrow | \(\rightarrow\) | \Rightarrow | \(\Rightarrow\) |
\leftrightarrow | \(\leftrightarrow\) | \Leftrightarrow | \(\Leftrightarrow\) |
\longleftarrow | \(\longleftarrow\) | \Longleftarrow | \(\Longleftarrow\) |
\longrightarrow | \(\longrightarrow\) | \Longrightarrow | \(\Longrightarrow\) |
\longleftrightarrow | \(\longleftrightarrow\) | \Longleftrightarrow | \(\Longleftrightarrow\) |
(10). 改变字体的大小
输入 | 显示结果 |
---|---|
\tiny | \(\tiny{A}\) |
\scriptsize | \(\scriptsize{A}\) |
\small | \(\small{A}\) |
\normalsize | \(\normalsize{A}\) |
\large | \(\large{A}\) |
\Large | \(\Large{A}\) |
\LARGE | \(\LARGE{A}\) |
\huge | \(\huge{A}\) |
\Huge | \(\Huge{A}\) |
大括号和行标的使用
使用 \left
和 \right
来创建自动匹配高度的 (圆括号),[方括号] 和 {花括号} 。
在每个公式末尾前使用\tag{行标}
来实现行标。
$$
f\left(
\left[
\frac{
1+\left\{x,y\right\}
}{
\left(
\frac{x}{y}+\frac{y}{x}
\right)
\left(u+1\right)
}+a
\right]^{3/2}
\right)
\tag{行标}
$$
字体转换
{\字体 {需转换的部分字符}}
输入 | 说明 | 显示实例 |
---|---|---|
\rm |
罗马体 | \(\rm{A}\) |
\cal |
花体 | \(\cal{A}\) |
\it |
意大利体 | \(\it{A}\) |
\Bbb |
黑板粗体 | \(\Bbb{A}\) |
\bf |
粗体 | \(\bf{A}\) |
\mit |
数学斜体 | \(\mit{A}\) |
\sf |
等线体 | \(\sf{AB}\) |
\scr |
手写体 | \(\scr{AB}\) |
\tt |
打字机体 | \(\tt{AB}\) |
\frak |
旧德式字体 | \(\frak{AB}\) |
\boldsymbol |
黑体 | \(\boldsymbol{AB}\) |
定义新的符号 \operatorname
\operatorname{Symbol} A
添加注释文字 \text
在 \text {文字}
中仍可以使用 $公式$
插入其它公式。
f(n)=\begin{cases} n/2, & \text{if $n$ is even}\\3n+1,&\text{if $n$ is odd} \end{cases}
在字符间加入空格
有四种宽度的空格可以使用: \,
、\;
、\quad
和 \qquad
。
a\,b \\
a\;b\\
a\quad b\\
a\qquad b
# 当然,使用 \text {n个空格} 也可以达到同样效果
更改文字颜色
使用 \color{颜色}{文字}
来更改特定的文字颜色。更改文字颜色 需要浏览器支持 ,如果浏览器不知道你所需的颜色,那么文字将被渲染为黑色。
输入 | 显示 | 输入 | 显示 |
---|---|---|---|
black | \(\color{black}{A}\) | gray | \(\color{gray}{A}\) |
silver | \(\color{sliver}{A}\) | white | \(\color{white}{A}\) |
maroon | \(\color{maroon}{A}\) | red | \(\color{red}{A}\) |
yellow | \(\color{yellow}{A}\) | lime | \(\color{lime}{A}\) |
olive | \(\color{olive}{A}\) | green | \(\color{green}{A}\) |
teal | \(\color{teal}{A}\) | auqa | \(\color{auqa}{A}\) |
blue | \(\color{blue}{A}\) | navy | \(\color{navy}{A}\) |
purple | \(\color{purple}{A}\) | fuchsia | \(\color{fuchsia}{A}\) |
输入 \color {#rgb} {text}
来自定义更多的颜色,其中 #rgb
的 r
g
b
可输入 0-9
和 a-f
来表示红色、绿色和蓝色的纯度(饱和度)。
\begin{array}{|rrrrrrrr|}\hline
\verb+#000+ & \color{#000}{text} & & &
\verb+#00F+ & \color{#00F}{text} & & \\
& & \verb+#0F0+ & \color{#0F0}{text} &
& & \verb+#0FF+ & \color{#0FF}{text}\\
\verb+#F00+ & \color{#F00}{text} & & &
\verb+#F0F+ & \color{#F0F}{text} & & \\
& & \verb+#FF0+ & \color{#FF0}{text} &
& & \verb+#FFF+ & \color{#FFF}{text}\\
\hline
\end{array}
\begin{array}{|rrrrrrrr|}
\hline
\verb+#000+ & \color{#000}{text} & \verb+#005+ & \color{#005}{text} & \verb+#00A+ & \color{#00A}{text} & \verb+#00F+ & \color{#00F}{text} \\
\verb+#500+ & \color{#500}{text} & \verb+#505+ & \color{#505}{text} & \verb+#50A+ & \color{#50A}{text} & \verb+#50F+ & \color{#50F}{text} \\
\verb+#A00+ & \color{#A00}{text} & \verb+#A05+ & \color{#A05}{text} & \verb+#A0A+ & \color{#A0A}{text} & \verb+#A0F+ & \color{#A0F}{text} \\
\verb+#F00+ & \color{#F00}{text} & \verb+#F05+ & \color{#F05}{text} & \verb+#F0A+ & \color{#F0A}{text} & \verb+#F0F+ & \color{#F0F}{text} \\
\hline
\verb+#080+ & \color{#080}{text} & \verb+#085+ & \color{#085}{text} & \verb+#08A+ & \color{#08A}{text} & \verb+#08F+ & \color{#08F}{text} \\
\verb+#580+ & \color{#580}{text} & \verb+#585+ & \color{#585}{text} & \verb+#58A+ & \color{#58A}{text} & \verb+#58F+ & \color{#58F}{text} \\
\verb+#A80+ & \color{#A80}{text} & \verb+#A85+ & \color{#A85}{text} & \verb+#A8A+ & \color{#A8A}{text} & \verb+#A8F+ & \color{#A8F}{text} \\
\verb+#F80+ & \color{#F80}{text} & \verb+#F85+ & \color{#F85}{text} & \verb+#F8A+ & \color{#F8A}{text} & \verb+#F8F+ & \color{#F8F}{text} \\
\hline
\verb+#0F0+ & \color{#0F0}{text} & \verb+#0F5+ & \color{#0F5}{text} & \verb+#0FA+ & \color{#0FA}{text} & \verb+#0FF+ & \color{#0FF}{text} \\
\verb+#5F0+ & \color{#5F0}{text} & \verb+#5F5+ & \color{#5F5}{text} & \verb+#5FA+ & \color{#5FA}{text} & \verb+#5FF+ & \color{#5FF}{text} \\
\verb+#AF0+ & \color{#AF0}{text} & \verb+#AF5+ & \color{#AF5}{text} & \verb+#AFA+ & \color{#AFA}{text} & \verb+#AFF+ & \color{#AFF}{text} \\
\verb+#FF0+ & \color{#FF0}{text} & \verb+#FF5+ & \color{#FF5}{text} & \verb+#FFA+ & \color{#FFA}{text} & \verb+#FFF+ & \color{#FFF}{text} \\
\hline
\end{array}
添加删除线
使用删除线功能必须声明 $$
符号。
在公式内使用 \require{cancel}
来允许 片段删除线 的显示。
声明片段删除线后,使用 \cancel{字符}
、\bcancel{字符}
、\xcancel{字符}
和 \cancelto{字符}
来实现各种片段删除线效果。
$$
\require{cancel}\begin{array}{rl}
\verb|y+\cancel{x}| & y+\cancel{x}\\
\verb|\cancel{y+x}| & \cancel{y+x}\\
\verb|y+\bcancel{x}| & y+\bcancel{x}\\
\verb|y+\xcancel{x}| & y+\xcancel{x}\\
\verb|y+\cancelto{0}{x}| & y+\cancelto{0}{x}\\
\verb+\frac{1\cancel9}{\cancel95} = \frac15+& \frac{1\cancel9}{\cancel95} = \frac15 \\
\end{array}
$$
使用 \require{enclose}
来允许 整段删除线 的显示。
声明整段删除线后,使用 \enclose{删除线效果}{字符}
来实现各种整段删除线效果。
其中,删除线效果有 horizontalstrike
、verticalstrike
、updiagonalstrike
和 downdiagonalstrike
,可叠加使用。
$$
\require{enclose}\begin{array}{rl}
\verb|\enclose{horizontalstrike}{x+y}| & \enclose{horizontalstrike}{x+y}\\
\verb|\enclose{verticalstrike}{\frac xy}| & \enclose{verticalstrike}{\frac xy}\\
\verb|\enclose{updiagonalstrike}{x+y}| & \enclose{updiagonalstrike}{x+y}\\
\verb|\enclose{downdiagonalstrike}{x+y}| & \enclose{downdiagonalstrike}{x+y}\\
\verb|\enclose{horizontalstrike,updiagonalstrike}{x+y}| & \enclose{horizontalstrike,updiagonalstrike}{x+y}\\
\end{array}
$$
矩阵
如何输入无框矩阵
在开头使用 begin{matrix}
,在结尾使用 end{matrix}
,在中间插入矩阵元素,每个元素之间插入 &
,并在每行结尾处使用 \\
。
使用矩阵时必须声明 $
或 $$
符号。
\begin{matrix}
1 & x & x^3 \\
a & b & c\\
a & a^b & a^c\\
\end{matrix}
如何输入边框矩阵
在开头将 matrix
替换为 pmatrix
bmatrix
Bmatrix
vmatrix
Vmatrix
matrix | pmatrix | bmatrix | Bmatrix | vmatrix | Vmatrix |
---|---|---|---|---|---|
$ \begin{matrix} 1 & 2 \ 3 & 4 \ \end{matrix} $ | $ \begin{pmatrix} 1 & 2 \ 3 & 4 \ \end{pmatrix} $ | $ \begin{bmatrix} 1 & 2 \ 3 & 4 \ \end{bmatrix} $ | $ \begin{Bmatrix} 1 & 2 \ 3 & 4 \ \end{Bmatrix} $ | $ \begin{vmatrix} 1 & 2 \ 3 & 4 \ \end{vmatrix} $ | $ \begin{Vmatrix} 1 & 2 \ 3 & 4 \ \end{Vmatrix} $ |
$ \begin{matrix} 1 & 2 \\ 3 & 4 \\ \end{matrix} $
$ \begin{pmatrix} 1 & 2 \\ 3 & 4 \\ \end{pmatrix} $
$ \begin{bmatrix} 1 & 2 \\ 3 & 4 \\ \end{bmatrix} $
$ \begin{Bmatrix} 1 & 2 \\ 3 & 4 \\ \end{Bmatrix} $
$ \begin{vmatrix} 1 & 2 \\ 3 & 4 \\ \end{vmatrix} $
$ \begin{Vmatrix} 1 & 2 \\ 3 & 4 \\ \end{Vmatrix} $
如何输入带省略符号的矩阵**
用 \cdots
, \ddots
, \vdots
来输入省略符号。
\begin{pmatrix}
1 & a_1 & a_1^2 & \cdots & a_1^n \\
1 & a_2 & a_2^2 & \cdots & a_2^n \\
\vdots & \vdots & \vdots & \ddots & \vdots \\
1 & a_m & a_m^2 & \cdots & a_m^n \\
\end{pmatrix}
如何输入带分割符号的矩阵
\left[
\begin{array}{cc|c}
1&2&3\\
4&5&6
\end{array}
\right]
其中 cc|c
代表在一个三列矩阵中的第二和第三列之间插入分割线。
如何输入行中矩阵
若想在一行内显示矩阵, 使用\bigl(\begin{smallmatrix} ... \end{smallmatrix}\bigr)
\(\bigl( \begin{smallmatrix} a & b \\ c & d \end{smallmatrix} \bigr)\)
$\bigl( \begin{smallmatrix} a & b \\ c & d \end{smallmatrix} \bigr)$
方程式序列使用
如何输入一个方程式序列
人们经常想要一列整齐且居中的方程式序列。使用\begin{align}…\end{align}
来创造一列方程式,其中在每行结尾处使用 \\
。 使用方程式序列无需声明公式符号 $
或 $$
。
请注意 {align}
语句是 自动编号 的。
\begin{align}
\sqrt{37} & = \sqrt{\frac{73^2-1}{12^2}} \\
& = \sqrt{\frac{73^2}{12^2}\cdot\frac{73^2-1}{73^2}} \\
& = \sqrt{\frac{73^2}{12^2}}\sqrt{\frac{73^2-1}{73^2}} \\
& = \frac{73}{12}\sqrt{1 - \frac{1}{73^2}} \\
& \approx \frac{73}{12}\left(1 - \frac{1}{2\cdot73^2}\right)
\end{align}
在一个方程式序列的每一行中注明原因
在 {align}
中灵活组合 \text
和 \tag
语句。\tag
语句编号优先级高于自动编号。
本例中第一、第二行的自动编号被 \tag
语句覆盖,第三行的编号为自动编号
\begin{align}
v + w & = 0 &\text{Given} \tag 1\\
-w & = -w + 0 & \text{additive identity} \tag 2\\
-w + 0 & = -w + (v + w) & \text{equations $(1)$ and $(2)$}
\end{align}
条件表达式使用
如何输入一个条件表达式
使用 begin{cases}
来创造一组条件表达式,在每一行条件中插入 &
来指定需要对齐的内容,并在每一行结尾处使用 \\
,以 end{cases}
结束。 条件表达式无需声明 $
或 $$
符号
f(n) =
\begin{cases}
n/2, & \text{if $n$ is even} \\
3n+1, & \text{if $n$ is odd}
\end{cases}
左侧对齐的条件表达式
\left.
\begin{array}{l}
\text{if $n$ is even:}&n/2\\
\text{if $n$ is odd:}&3n+1
\end{array}
\right\}
=f(n)
何使条件表达式适配行高
一些情况下,条件表达式中某些行的行高为非标准高度,此时使用 \\[2ex]
语句代替该行末尾的 \\
来让编辑器适配。
不适配[2ex]
f(n) =
\begin{cases}
\frac{n}{2}, & \text{if $n$ is even} \\
3n+1, & \text{if $n$ is odd}
\end{cases}
适配[2ex]
f(n) =
\begin{cases}
\frac{n}{2}, & \text{if $n$ is even} \\[2ex]
3n+1, & \text{if $n$ is odd}
\end{cases}
一个 [ex] 指一个 "X-Height",即x字母高度。可以根据情况指定多个 [ex],如 [3ex]、[4ex] 等。其实可以在任何地方使用 \\[2ex]
语句。
数组与表格使用
如何输入一个数组或表格
通常,一个格式化后的表格比单纯的文字或排版后的文字更具有可读性。数组和表格均以 begin{array}
开头,并在其后定义列数及每一列的文本对齐属性,c
l
r
分别代表居中、左对齐及右对齐。若需要插入垂直分割线,在定义式中插入 |
,若要插入水平分割线,在下一行输入前插入 \hline
。与矩阵相似,每行元素间均须要插入 &
,每行元素以 \\
结尾,最后以 end{array}
结束数组。 使用单个数组或表格时无需声明 $
或 $$
符号。
\begin{array}{c|lcr}
n & \text{左对齐} & \text{居中对齐} & \text{右对齐} \\
\hline
1 & 0.24 & 1 & 125 \\
2 & -1 & 189 & -8 \\
3 & -20 & 2000 & 1+10i
\end{array}
如何输入一个嵌套的数组或表格
多个数组/表格可 互相嵌套 并组成一组数组/一组表格。
使用嵌套前必须声明 $$
符号。
% outer vertical array of arrays 外层垂直表格
\begin{array}{c}
% inner horizontal array of arrays 内层水平表格
\begin{array}{cc}
% inner array of minimum values 内层"最小值"数组
\begin{array}{c|cccc}
\text{min} & 0 & 1 & 2 & 3\\
\hline
0 & 0 & 0 & 0 & 0\\
1 & 0 & 1 & 1 & 1\\
2 & 0 & 1 & 2 & 2\\
3 & 0 & 1 & 2 & 3
\end{array}
&
% inner array of maximum values 内层"最大值"数组
\begin{array}{c|cccc}
\text{max}&0&1&2&3\\
\hline
0 & 0 & 1 & 2 & 3\\
1 & 1 & 1 & 2 & 3\\
2 & 2 & 2 & 2 & 3\\
3 & 3 & 3 & 3 & 3
\end{array}
\end{array}
% 内层第一行表格组结束
\\
% inner array of delta values 内层第二行Delta值数组
\begin{array}{c|cccc}
\Delta&0&1&2&3\\
\hline
0 & 0 & 1 & 2 & 3\\
1 & 1 & 0 & 1 & 2\\
2 & 2 & 1 & 0 & 1\\
3 & 3 & 2 & 1 & 0
\end{array}
% 内层第二行表格组结束
\end{array}
输出一个方程组
使用 \begin{array}…\end{array}
和 \left\{…\right.
来创建一个方程组。
\left\{
\begin{array}{c}
a_1x+b_1y+c_1z=d_1 \\
a_2x+b_2y+c_2z=d_2 \\
a_3x+b_3y+c_3z=d_3
\end{array}
\right.
或者使用条件表达式组 \begin{cases}…\end{cases}
来实现相同效果
\begin{cases}
a_1x+b_1y+c_1z=d_1 \\
a_2x+b_2y+c_2z=d_2 \\
a_3x+b_3y+c_3z=d_3
\end{cases}
连分数使用
如何输入一个连分式
就像输入分式时使用 \frac
一样,使用 \cfrac
来创建一个连分数。
x = a_0 + \cfrac{1^2}{a_1
+ \cfrac{2^2}{a_2
+ \cfrac{3^2}{a_3 + \cfrac{4^4}{a_4 + \cdots}}}}
可以使用 \frac
来表达连分数的 紧缩记法
x = a_0 + \frac{1^2}{a_1
+ \frac{2^2}{a_2
+ \frac{3^2}{a_3 + \frac{4^4}{a_4 + \cdots}}}}
x = a_0 + \frac{1^2}{a_1+}
\frac{2^2}{a_2+}
\frac{3^2}{a_3 +} \frac{4^4}{a_4 +} \cdots
交换图表使用
如何输入一个交换图表
使用一行 $ \require{AMScd} $
语句来允许交换图表的显示。
声明交换图表后,语法与矩阵相似,在开头使用 begin{CD}
,在结尾使用 end{CD}
,在中间插入图表元素,每个元素之间插入 &
,并在每行结尾处使用 \\
\require{AMScd}
\begin{CD}
A @>a>> B\\
@V b V V\# @VV c V\\
C @>>d> D
\end{CD}
其中,@>>>
代表右箭头、@<<<
代表左箭头、@VVV
代表下箭头、@AAA
代表上箭头、@=
代表水平双实线、@|
代表竖直双实线、@.
代表没有箭头。 在 @>>>
的 >>>
之间任意插入文字即代表该箭头的注释文字。
\require{AMScd}
\begin{CD}
A @>a>>B\\
@V b V V\ hello @VV c V\\
C @>>d >D
\end{CD}
其中,@>>>
代表右箭头、@<<<
代表左箭头、@VVV
代表下箭头、@AAA
代表上箭头、@=
代表水平双实线、@|
代表竖直双实线、@.
代表没有箭头。
在 @>>>
的 >>>
之间任意插入文字即代表该箭头的注释文字。
\begin{CD}
A @>>> B @>{\text{display text}}>>C\\
@.@AAA @|\\
D @=E @<<<F
\end{CD}
"very long label"自动延长了它所在箭头以及对应箭头的长度。
\begin{array}{cc}
\mathrm{Bad} & \mathrm{Better} \\
\hline \\
e^{i\frac{\pi}2} \quad e^{\frac{i\pi}2}& e^{i\pi/2} \\
\int_{-\frac\pi2}^\frac\pi2 \sin x\,dx & \int_{-\pi/2}^{\pi/2}\sin x\,dx \\
\end{array}
\begin{array}{cc}
\mathrm{Bad} & \mathrm{Better} \\
\hline \\
\{x|x^2\in\Bbb Z\} & \{x\mid x^2\in\Bbb Z\} \\
\end{array}
\begin{array}{cc}
\mathrm{Bad} & \mathrm{Better} \\
\hline \\
\int\int_S f(x)\,dy\,dx & \iint_S f(x)\,dy\,dx \\
\int\int\int_V f(x)\,dz\,dy\,dx & \iiint_V f(x)\,dz\,dy\,dx
\end{array}
\begin{array}{cc}
\mathrm{Bad} & \mathrm{Better} \\
\hline \\
\iiint_V f(x){\rm d}z {\rm d}y {\rm d}x & \iiint_V f(x)\,{\rm d}z\,{\rm d}y\,{\rm d}x
\end{array}
例子:
$\partial$
:\(\partial\)
$ x{yz}=(1+{\rm e}x) $
$ x^{y^z}=(1+{\rm e}^x)^{-2xy^w} $
$ \sideset{1_2}{3_4}\bigotimes $
$ \sideset{^1_2}{^3_4}\bigotimes $
$ f(x,y,z) = 3y^2z \left( 3+\frac{7x+5}{1+y^2} \right) $
$ f(x,y,z) = 3y^2z \left( 3+\frac{7x+5}{1+y^2} \right) $
\(\frac{a-1}{b-1} \quad and \quad {a+1\over b+1}\)
$\frac{a-1}{b-1} \quad and \quad {a+1\over b+1}$
\(\sqrt{2} \quad and \quad \sqrt[n]{3}\)
$\sqrt{2} \quad and \quad \sqrt[n]{3}$
\(f(x_1,x_2,\underbrace{\ldots}_{\rm ldots} ,x_n) = x_1^2 + x_2^2 + \underbrace{\cdots}_{\rm cdots} + x_n^2\)
$f(x_1,x_2,\underbrace{\ldots}_{\rm ldots} ,x_n) = x_1^2 + x_2^2 + \underbrace{\cdots}_{\rm cdots} + x_n^2$
\(\vec{a} \cdot \vec{b}=0\)
$\vec{a} \cdot \vec{b}=0$
\(\overleftarrow{xy} \quad and \quad \overleftrightarrow{xy} \quad and \quad \overrightarrow{xy}\)
$\overleftarrow{xy} \quad and \quad \overleftrightarrow{xy} \quad and \quad \overrightarrow{xy}$
\(\int_0^1 {x^2} \,{\rm d}x\)
$\int_0^1 {x^2} \,{\rm d}x$
$ \lim_{n \to +\infty} \frac{1}{n(n+1)} \quad and \quad \lim_{x\leftarrow{a}} \frac{1}{n(n+1)} $
$ \lim_{n \to +\infty} \frac{1}{n(n+1)} \quad and \quad \lim_{x\leftarrow{a}} \frac{1}{n(n+1)} $
\(\sum_{i=1}^n \frac{1}{i^2} \quad and \quad \prod_{i=1}^n \frac{1}{i^2} \quad and \quad \bigcup_{i=1}^{2} R\)
$\sum_{i=1}^n \frac{1}{i^2} \quad and \quad \prod_{i=1}^n \frac{1}{i^2} \quad and \quad \bigcup_{i=1}^{2} R$
\(\smash{\displaystyle\max_{0 \leq q \leq n-1}} f(q) \le n\)
$\smash{\displaystyle\max_{0 \leq q \leq n-1}} f(q) \le n$
\(f(x + \epsilon) \approx f(x) + f'(x) \epsilon + \mathcal{O}(\epsilon^2).\)
$f(x + \epsilon) \approx f(x) + f'(x) \epsilon + \mathcal{O}(\epsilon^2).$
\(\text{d}x\)
$\text{d}x$
\(f(x,y,z) = 3y^2z \left( 3+\frac{7x+5}{1+y^2} \right)\)
$f(x,y,z) = 3y^2z \left( 3+\frac{7x+5}{1+y^2} \right)$
\(\left. \frac{ {\rm d}u}{ {\rm d}x} \right| _{x=0}\)
$\left. \frac{ {\rm d}u}{ {\rm d}x} \right| _{x=0}$
\(\frac{\partial^{2}y}{\partial x^{2}}\)
$\frac{\partial^{2}y}{\partial x^{2}}$
\(\boldsymbol{\hat y} = \boldsymbol{W} \boldsymbol{x}\)
$\boldsymbol{\hat y} = \boldsymbol{W} \boldsymbol{x}$
\(A \xrightarrow{f} B \; a \; \bot b \; \overset{def}{=}\)
$A \xrightarrow{f} B \; a \; \bot b \; \overset{def}{=}$
$\underset{x\in S\subseteq X}{\operatorname{arg,max}}, f(x) := {x \mid x\in S \wedge \forall y \in S : f(y) \le f(x)}. $
$
\underset{x\in S\subseteq X}{\operatorname{arg\,max}}\, f(x) := \{x \mid x\in S \wedge \forall y \in S : f(y) \le f(x)\}.
$
$$
\operatorname*{\arg\max}_{x\in S\subseteq X}\, f(x) := \{x \mid x\in S \wedge \forall y \in S : f(y) \le f(x)\}.
$$
\begin{array}{cc}
\mathrm{Bad} &\mathrm{Better}\\
\hline\\
\int_0^1 x^2 dx & \int_0^1 x^2{\rm d}x
\end{array}
\left\langle
q
\middle\|
\frac{\frac{x}{y}}{\frac{u}{v}}
\middle |
\right\rangle
流程图
![img](data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22531%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Csource%3E%3C!%5BCDATA%5BCreated%20with%20Rapha%C3%ABl%202.1.2StartverificationYour%20OperationYes%20or%20No%3FEndYour%20Subroutineyesno%5D%5D%3E%3C%2Fsource%3E%3Cdesc%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3ECreated%20with%20Rapha%C3%ABl%202.1.2%3C%2Fdesc%3E%3Cdefs%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%2C0%200%2C2.5%205%2C5z%22%20id%3D%22raphael-marker-block-obj7%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cmarker%20id%3D%22raphael-marker-endblock33-obj8%22%20markerHeight%3D%223%22%20markerWidth%3D%223%22%20orient%3D%22auto%22%20refX%3D%221.5%22%20refY%3D%221.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cuse%20xlink%3Ahref%3D%22%23raphael-marker-block-obj7%22%20transform%3D%22rotate(180%201.5%201.5)%20scale(0.6%2C0.6)%22%20stroke-width%3D%221.6667%22%20fill%3D%22black%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fuse%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Ca%20xlink%3Ahref%3D%22https%3A%2F%2Fwww.zybuluo.com%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20target%3D%22_blank%22%3E%3C%2Fa%3E%3Ca%20xlink%3Ahref%3D%22https%3A%2F%2Fwww.zybuluo.com%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20target%3D%22_blank%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2252.5%22%20height%3D%2237%22%20r%3D%2220%22%20rx%3D%2220%22%20ry%3D%2220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20stroke-width%3D%222%22%20class%3D%22flowchart%22%20id%3D%22st%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C56.2422%2C24.7461)%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2210%22%20y%3D%2218.5%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20id%3D%22stt%22%20class%3D%22flowchartt%22%20font-size%3D%2215px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C56.2422%2C24.7461)%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EStart%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fa%3E%3Cpath%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20d%3D%22M10%2C18.5L0%2C37L112.6875%2C37L132.6875%2C0L20%2C0L10%2C18.5%22%20stroke-width%3D%222%22%20id%3D%22io%22%20class%3D%22flowchart%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C16.1484%2C136.4922)%22%3E%3C%2Fpath%3E%3Ctext%20x%3D%2230%22%20y%3D%2218.5%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20id%3D%22iot%22%20class%3D%22flowchartt%22%20font-size%3D%2215px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C16.1484%2C136.4922)%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3Everification%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22121.34375%22%20height%3D%2237%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20stroke-width%3D%222%22%20class%3D%22flowchart%22%20id%3D%22op%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C21.8203%2C248.2383)%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2210%22%20y%3D%2218.5%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20id%3D%22opt%22%20class%3D%22flowchartt%22%20font-size%3D%2215px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C21.8203%2C248.2383)%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EYour%20Operation%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20d%3D%22M39.24609375%2C19.623046875L0%2C39.24609375L78.4921875%2C78.4921875L156.984375%2C39.24609375L78.4921875%2C0L0%2C39.24609375%22%20stroke-width%3D%222%22%20id%3D%22cond%22%20class%3D%22flowchart%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C4%2C339.2383)%22%3E%3C%2Fpath%3E%3Ctext%20x%3D%2244.24609375%22%20y%3D%2239.24609375%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20id%3D%22condt%22%20class%3D%22flowchartt%22%20font-size%3D%2215px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C4%2C339.2383)%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.51171875%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EYes%20or%20No%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2246.6875%22%20height%3D%2237%22%20r%3D%2220%22%20rx%3D%2220%22%20ry%3D%2220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20stroke-width%3D%222%22%20class%3D%22flowchart%22%20id%3D%22e%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C59.1484%2C492.4766)%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2210%22%20y%3D%2218.5%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20id%3D%22et%22%20class%3D%22flowchartt%22%20font-size%3D%2215px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C59.1484%2C492.4766)%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EEnd%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22148.671875%22%20height%3D%2237%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20stroke-width%3D%222%22%20class%3D%22flowchart%22%20id%3D%22sub%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C219.1406%2C359.9844)%22%3E%3C%2Frect%3E%3Crect%20x%3D%2210%22%20y%3D%220%22%20width%3D%22128.671875%22%20height%3D%2237%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%20stroke-width%3D%222%22%20id%3D%22subi%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C219.1406%2C359.9844)%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2220%22%20y%3D%2218.5%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20id%3D%22subt%22%20class%3D%22flowchartt%22%20font-size%3D%2215px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C219.1406%2C359.9844)%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EYour%20Subroutine%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M82.4921875%2C61.74609375C82.4921875%2C61.74609375%2C82.4921875%2C119.5498448451981%2C82.4921875%2C133.49274183788748%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock33-obj8)%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M82.4921875%2C173.4921875C82.4921875%2C173.4921875%2C82.4921875%2C231.2959385951981%2C82.4921875%2C245.23883558788748%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock33-obj8)%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M82.4921875%2C285.23828125C82.4921875%2C285.23828125%2C82.4921875%2C324.89238119125366%2C82.4921875%2C336.23872033460066%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock33-obj8)%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M82.4921875%2C417.73046875C82.4921875%2C417.73046875%2C82.4921875%2C475.5342198451981%2C82.4921875%2C489.4771168378875%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock33-obj8)%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Ctext%20x%3D%2287.4921875%22%20y%3D%22427.73046875%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20font-size%3D%2215px%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.51171875%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3Eyes%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M160.984375%2C378.484375C160.984375%2C378.484375%2C204.2275814116001%2C378.484375%2C216.13635505229468%2C378.484375%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock33-obj8)%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Ctext%20x%3D%22165.984375%22%20y%3D%22368.484375%22%20text-anchor%3D%22start%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20start%3B%20font%3A%2015px%20Arial%3B%22%20font-size%3D%2215px%22%20stroke-width%3D%221%22%3E%3Ctspan%20dy%3D%225.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3Eno%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M293.4765625%2C396.984375C293.4765625%2C396.984375%2C293.4765625%2C421.984375%2C293.4765625%2C421.984375C293.4765625%2C421.984375%2C398.96875%2C421.984375%2C398.96875%2C421.984375C398.96875%2C421.984375%2C398.96875%2C111.4921875%2C398.96875%2C111.4921875C398.96875%2C111.4921875%2C82.4921875%2C111.4921875%2C82.4921875%2C111.4921875C82.4921875%2C111.4921875%2C82.4921875%2C126.86563205718994%2C82.4921875%2C133.50143527425826%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock33-obj8)%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
code:
st=>start: Start:
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end
st->io->op->cond
cond(yes)->e
cond(no)->sub->io # flow语法
序列图
![img](data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22426%22%20height%3D%22250%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Csource%3E%3C!%5BCDATA%5BCreated%20with%20Rapha%C3%ABl%202.1.2AliceAliceBobBobHello%20Bob%2C%20how%20are%20you%3FBob%20thinksI%20am%20good%20thanks!%5D%5D%3E%3C%2Fsource%3E%3Cdesc%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3ECreated%20with%20Rapha%C3%ABl%202.1.2%3C%2Fdesc%3E%3Cdefs%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%2C0%200%2C2.5%205%2C5z%22%20id%3D%22raphael-marker-block-obj1%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cmarker%20id%3D%22raphael-marker-endblock55-obj2%22%20markerHeight%3D%225%22%20markerWidth%3D%225%22%20orient%3D%22auto%22%20refX%3D%222.5%22%20refY%3D%222.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cuse%20xlink%3Ahref%3D%22%23raphael-marker-block-obj1%22%20transform%3D%22rotate(180%202.5%202.5)%20scale(1%2C1)%22%20stroke-width%3D%221.0000%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fuse%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Crect%20x%3D%2210%22%20y%3D%2220%22%20width%3D%2260%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%2220%22%20y%3D%2230%22%20width%3D%2240%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2240%22%20y%3D%2238%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EAlice%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%2210%22%20y%3D%22194%22%20width%3D%2260%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%2220%22%20y%3D%22204%22%20width%3D%2240%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2240%22%20y%3D%22212%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EAlice%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M40%2C56L40%2C194%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22222%22%20y%3D%2220%22%20width%3D%2244%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22232%22%20y%3D%2230%22%20width%3D%2224%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22244%22%20y%3D%2238%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EBob%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%22222%22%20y%3D%22194%22%20width%3D%2244%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22232%22%20y%3D%22204%22%20width%3D%2224%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22244%22%20y%3D%22212%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EBob%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M244%2C56L244%2C194%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%2250%22%20y%3D%2273%22%20width%3D%22184%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22142%22%20y%3D%2281%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EHello%20Bob%2C%20how%20are%20you%3F%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M40%2C92C40%2C92%2C207.72355937957764%2C92%2C239.00793422479182%2C92%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock55-obj2)%22%20stroke-dasharray%3D%220%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22264%22%20y%3D%22112%22%20width%3D%2290%22%20height%3D%2226%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22269%22%20y%3D%22117%22%20width%3D%2280%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22309%22%20y%3D%22125%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EBob%20thinks%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%2274%22%20y%3D%22155%22%20width%3D%22136%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22142%22%20y%3D%22163%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EI%20am%20good%20thanks!%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M244%2C174C244%2C174%2C76.27644062042236%2C174%2C44.992065775208175%2C174%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock55-obj2)%22%20stroke-dasharray%3D%226%2C2%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
更多语法参考:流程图语法参考
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks! # sequence语法
![img](data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22384%22%20height%3D%22302%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Csource%3E%3C!%5BCDATA%5BCreated%20with%20Rapha%C3%ABl%202.1.2Here%20is%20a%20titleAABBCCDDNormal%20lineDashed%20lineOpen%20arrowDashed%20open%20arrow%5D%5D%3E%3C%2Fsource%3E%3Cdesc%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3ECreated%20with%20Rapha%C3%ABl%202.1.2%3C%2Fdesc%3E%3Cdefs%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%2C0%200%2C2.5%205%2C5z%22%20id%3D%22raphael-marker-block-obj4%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cmarker%20id%3D%22raphael-marker-endblock55-obj5%22%20markerHeight%3D%225%22%20markerWidth%3D%225%22%20orient%3D%22auto%22%20refX%3D%222.5%22%20refY%3D%222.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cuse%20xlink%3Ahref%3D%22%23raphael-marker-block-obj4%22%20transform%3D%22rotate(180%202.5%202.5)%20scale(1%2C1)%22%20stroke-width%3D%221.0000%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fuse%3E%3C%2Fmarker%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2C1%201%2C3.5%206%2C6%22%20id%3D%22raphael-marker-open-obj3%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Cmarker%20id%3D%22raphael-marker-endopen77-obj6%22%20markerHeight%3D%227%22%20markerWidth%3D%227%22%20orient%3D%22auto%22%20refX%3D%224%22%20refY%3D%223.5%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3Cuse%20xlink%3Ahref%3D%22%23raphael-marker-open-obj3%22%20transform%3D%22rotate(180%203.5%203.5)%20scale(1%2C1)%22%20stroke-width%3D%221.0000%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fuse%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%22130%22%20height%3D%2226%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%2215%22%20y%3D%2215%22%20width%3D%22120%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2275%22%20y%3D%2223%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EHere%20is%20a%20title%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%2210%22%20y%3D%2246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%2220%22%20y%3D%2256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2224%22%20y%3D%2264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EA%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%2210%22%20y%3D%22246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%2220%22%20y%3D%22256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2224%22%20y%3D%22264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EA%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M24%2C82L24%2C246%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22118%22%20y%3D%2246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22128%22%20y%3D%2256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22132%22%20y%3D%2264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EB%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%22118%22%20y%3D%22246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22128%22%20y%3D%22256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22132%22%20y%3D%22264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EB%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M132%2C82L132%2C246%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22226%22%20y%3D%2246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22236%22%20y%3D%2256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22240%22%20y%3D%2264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EC%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%22226%22%20y%3D%22246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22236%22%20y%3D%22256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22240%22%20y%3D%22264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EC%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M240%2C82L240%2C246%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22326%22%20y%3D%2246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22336%22%20y%3D%2256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22340%22%20y%3D%2264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3ED%3C%2Ftspan%3E%3C%2Ftext%3E%3Crect%20x%3D%22326%22%20y%3D%22246%22%20width%3D%2228%22%20height%3D%2236%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Crect%20x%3D%22336%22%20y%3D%22256%22%20width%3D%228%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22340%22%20y%3D%22264%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3ED%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M340%2C82L340%2C246%22%20stroke-width%3D%222%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%2234%22%20y%3D%2299%22%20width%3D%2288%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%2278%22%20y%3D%22107%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3ENormal%20line%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M24%2C118C24%2C118%2C105.7672233581543%2C118%2C127.00753723829985%2C118%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock55-obj5)%22%20stroke-dasharray%3D%220%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22142%22%20y%3D%22135%22%20width%3D%2288%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22186%22%20y%3D%22143%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EDashed%20line%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M132%2C154C132%2C154%2C213.7672233581543%2C154%2C235.00753723829985%2C154%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endblock55-obj5)%22%20stroke-dasharray%3D%226%2C2%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22250%22%20y%3D%22171%22%20width%3D%2280%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22290%22%20y%3D%22179%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EOpen%20arrow%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M240%2C190C240%2C190%2C323.90846252441406%2C190%2C338.00246208906174%2C190%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endopen77-obj6)%22%20stroke-dasharray%3D%220%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3Crect%20x%3D%22114%22%20y%3D%22207%22%20width%3D%22136%22%20height%3D%2216%22%20r%3D%220%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Frect%3E%3Ctext%20x%3D%22182%22%20y%3D%22215%22%20text-anchor%3D%22middle%22%20font%3D%2210px%20%26quot%3BArial%26quot%3B%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%20text-anchor%3A%20middle%3B%20font%3A%2016px%20%26quot%3BAndale%20Mono%26quot%3B%2C%20monospace%3B%22%20font-size%3D%2216px%22%20font-family%3D%22Andale%20Mono%2C%20monospace%22%3E%3Ctspan%20dy%3D%226%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3EDashed%20open%20arrow%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M340%2C226C340%2C226%2C52.783581018447876%2C226%2C25.9972841310082%2C226%22%20stroke-width%3D%222%22%20marker-end%3D%22url(%23raphael-marker-endopen77-obj6)%22%20stroke-dasharray%3D%226%2C2%22%20style%3D%22-webkit-tap-highlight-color%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
code:sequence语法
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
更多语法参考:序列图语法参考
甘特图
title 项目开发流程
section 项目实施
概要设计 :2016-07-05 , 5d
详细设计 :2016-07-08, 10d
编码 :2016-07-15, 10d
测试 :2016-07-22, 5d
section 发布验收
发布: 2d
验收: 3d
![img](data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22609%22%20height%3D%22320%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Csource%3E%3C!%5BCDATA%5B%20.section%20%7B%20stroke%3A%20none%3B%20opacity%3A%200.2%3B%7D%20.section0%20%7B%20fill%3A%20rgba(102%2C%20102%2C%20255%2C%200.490196)%3B%7D%20.section2%20%7B%20fill%3A%20rgb(255%2C%20244%2C%200)%3B%7D%20.section1%2C%20.section3%20%7B%20fill%3A%20white%3B%20opacity%3A%200.2%3B%7D%20.sectionTitle0%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.sectionTitle1%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.sectionTitle2%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.sectionTitle%20%7B%20text-anchor%3A%20start%3B%20font-size%3A%2011px%3B%7D%20.grid%20.tick%20%7B%20stroke%3A%20lightgrey%3B%20opacity%3A%200.3%3B%20shape-rendering%3A%20crispEdges%3B%7D%20.grid%20path%20%7B%20stroke-width%3A%200%3B%7D%20.today%20%7B%20fill%3A%20none%3B%20stroke%3A%20red%3B%20stroke-width%3A%202px%3B%7D%20.task%20%7B%20stroke-width%3A%202%3B%7D%20.taskText%20%7B%20text-anchor%3A%20middle%3B%20font-size%3A%2011px%3B%7D%20.taskText0%2C%20.taskText1%2C%20.taskText2%2C%20.taskText3%20%7B%20fill%3A%20white%3B%7D%20.task0%2C%20.task1%2C%20.task2%2C%20.task3%20%7B%20fill%3A%20rgb(138%2C%20144%2C%20221)%3B%20stroke%3A%20rgb(83%2C%2079%2C%20188)%3B%7D%20.titleText%20%7B%20text-anchor%3A%20middle%3B%20font-size%3A%2018px%3B%20fill%3A%20black%3B%7D%2006%2F2707%2F0407%2F1107%2F1807%2F2508%2F01%E9%9C%80%E6%B1%82%E5%88%86%E6%9E%90%20%20%20%20%20%20%20%E5%8F%AF%E8%A1%8C%E6%80%A7%E6%8A%A5%E5%91%8A%20%20%20%20%20%E6%A6%82%E5%BF%B5%E9%AA%8C%E8%AF%81%20%20%20%20%20%20%20%E6%A6%82%E8%A6%81%E8%AE%BE%E8%AE%A1%20%20%20%20%20%20%E8%AF%A6%E7%BB%86%E8%AE%BE%E8%AE%A1%20%20%20%20%20%20%E7%BC%96%E7%A0%81%20%20%20%20%20%20%20%20%20%20%E6%B5%8B%E8%AF%95%20%20%20%20%20%20%20%20%20%20%E5%8F%91%E5%B8%83%E9%AA%8C%E6%94%B6%E9%A1%B9%E7%9B%AE%E7%A1%AE%E5%AE%9A%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%96%BD%E5%8F%91%E5%B8%83%E9%AA%8C%E6%94%B6%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B%5D%5D%3E%3C%2Fsource%3E%3Cstyle%20type%3D%22text%2Fcss%22%20title%3D%22mermaid-svg-internal-css%22%3E%20.section%20%7B%20stroke%3A%20none%3B%20opacity%3A%200.2%3B%7D%20.section0%20%7B%20fill%3A%20rgba(102%2C%20102%2C%20255%2C%200.490196)%3B%7D%20.section2%20%7B%20fill%3A%20rgb(255%2C%20244%2C%200)%3B%7D%20.section1%2C%20.section3%20%7B%20fill%3A%20white%3B%20opacity%3A%200.2%3B%7D%20.sectionTitle0%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.sectionTitle1%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.sectionTitle2%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.sectionTitle%20%7B%20text-anchor%3A%20start%3B%20font-size%3A%2011px%3B%7D%20.grid%20.tick%20%7B%20stroke%3A%20lightgrey%3B%20opacity%3A%200.3%3B%20shape-rendering%3A%20crispEdges%3B%7D%20.grid%20path%20%7B%20stroke-width%3A%200%3B%7D%20.today%20%7B%20fill%3A%20none%3B%20stroke%3A%20red%3B%20stroke-width%3A%202px%3B%7D%20.task%20%7B%20stroke-width%3A%202%3B%7D%20.taskText%20%7B%20text-anchor%3A%20middle%3B%20font-size%3A%2011px%3B%7D%20.taskText0%2C%20.taskText1%2C%20.taskText2%2C%20.taskText3%20%7B%20fill%3A%20white%3B%7D%20.task0%2C%20.task1%2C%20.task2%2C%20.task3%20%7B%20fill%3A%20rgb(138%2C%20144%2C%20221)%3B%20stroke%3A%20rgb(83%2C%2079%2C%20188)%3B%7D%20.titleText%20%7B%20text-anchor%3A%20middle%3B%20font-size%3A%2018px%3B%20fill%3A%20black%3B%7D%20%3C%2Fstyle%3E%3Cg%3E%3C%2Fg%3E%3Cg%20class%3D%22grid%22%20transform%3D%22translate(75%2C%20266)%22%3E%3Cg%20class%3D%22tick%22%20transform%3D%22translate(56%2C0)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cline%20y2%3D%22-231%22%20x2%3D%220%22%3E%3C%2Fline%3E%3Ctext%20dy%3D%221em%22%20y%3D%223%22%20x%3D%220%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20font-size%3D%2210%22%20style%3D%22text-anchor%3A%20middle%3B%22%3E06%2F27%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20class%3D%22tick%22%20transform%3D%22translate(135%2C0)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cline%20y2%3D%22-231%22%20x2%3D%220%22%3E%3C%2Fline%3E%3Ctext%20dy%3D%221em%22%20y%3D%223%22%20x%3D%220%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20font-size%3D%2210%22%20style%3D%22text-anchor%3A%20middle%3B%22%3E07%2F04%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20class%3D%22tick%22%20transform%3D%22translate(214%2C0)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cline%20y2%3D%22-231%22%20x2%3D%220%22%3E%3C%2Fline%3E%3Ctext%20dy%3D%221em%22%20y%3D%223%22%20x%3D%220%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20font-size%3D%2210%22%20style%3D%22text-anchor%3A%20middle%3B%22%3E07%2F11%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20class%3D%22tick%22%20transform%3D%22translate(293%2C0)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cline%20y2%3D%22-231%22%20x2%3D%220%22%3E%3C%2Fline%3E%3Ctext%20dy%3D%221em%22%20y%3D%223%22%20x%3D%220%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20font-size%3D%2210%22%20style%3D%22text-anchor%3A%20middle%3B%22%3E07%2F18%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20class%3D%22tick%22%20transform%3D%22translate(371%2C0)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cline%20y2%3D%22-231%22%20x2%3D%220%22%3E%3C%2Fline%3E%3Ctext%20dy%3D%221em%22%20y%3D%223%22%20x%3D%220%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20font-size%3D%2210%22%20style%3D%22text-anchor%3A%20middle%3B%22%3E07%2F25%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20class%3D%22tick%22%20transform%3D%22translate(450%2C0)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cline%20y2%3D%22-231%22%20x2%3D%220%22%3E%3C%2Fline%3E%3Ctext%20dy%3D%221em%22%20y%3D%223%22%20x%3D%220%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20font-size%3D%2210%22%20style%3D%22text-anchor%3A%20middle%3B%22%3E08%2F01%3C%2Ftext%3E%3C%2Fg%3E%3Cpath%20class%3D%22domain%22%20d%3D%22M0%2C0V0H450V0%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section0%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%2272%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section0%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%2296%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section0%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%22120%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section1%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%22144%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section1%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%22168%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section1%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%22192%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section1%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%22216%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section2%22%3E%3C%2Frect%3E%3Crect%20x%3D%220%22%20y%3D%22240%22%20width%3D%22562.5%22%20height%3D%2224%22%20class%3D%22section%20section2%22%3E%3C%2Frect%3E%3C%2Fg%3E%3Cg%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%2275%22%20y%3D%2250%22%20width%3D%2234%22%20height%3D%2220%22%20class%3D%22task%20%20task0%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22109%22%20y%3D%2274%22%20width%3D%2256%22%20height%3D%2220%22%20class%3D%22task%20%20task0%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22165%22%20y%3D%2298%22%20width%3D%2256%22%20height%3D%2220%22%20class%3D%22task%20%20task0%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22221%22%20y%3D%22122%22%20width%3D%2257%22%20height%3D%2220%22%20class%3D%22task%20%20task1%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22255%22%20y%3D%22146%22%20width%3D%22113%22%20height%3D%2220%22%20class%3D%22task%20%20task1%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22334%22%20y%3D%22170%22%20width%3D%22112%22%20height%3D%2220%22%20class%3D%22task%20%20task1%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22413%22%20y%3D%22194%22%20width%3D%2256%22%20height%3D%2220%22%20class%3D%22task%20%20task1%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22469%22%20y%3D%22218%22%20width%3D%2222%22%20height%3D%2220%22%20class%3D%22task%20%20task2%22%3E%3C%2Frect%3E%3Crect%20rx%3D%223%22%20ry%3D%223%22%20x%3D%22491%22%20y%3D%22242%22%20width%3D%2234%22%20height%3D%2220%22%20class%3D%22task%20%20task2%22%3E%3C%2Frect%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22114%22%20y%3D%2263.5%22%20text-height%3D%2220%22%20class%3D%22taskTextOutsideRight%20taskTextOutside0%20%22%3E%E9%9C%80%E6%B1%82%E5%88%86%E6%9E%90%20%20%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22170%22%20y%3D%2287.5%22%20text-height%3D%2220%22%20class%3D%22taskTextOutsideRight%20taskTextOutside0%20%22%3E%E5%8F%AF%E8%A1%8C%E6%80%A7%E6%8A%A5%E5%91%8A%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22193%22%20y%3D%22111.5%22%20text-height%3D%2220%22%20class%3D%22taskText%20taskText0%20%22%3E%E6%A6%82%E5%BF%B5%E9%AA%8C%E8%AF%81%20%20%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22249.5%22%20y%3D%22135.5%22%20text-height%3D%2220%22%20class%3D%22taskText%20taskText1%20%22%3E%E6%A6%82%E8%A6%81%E8%AE%BE%E8%AE%A1%20%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22311.5%22%20y%3D%22159.5%22%20text-height%3D%2220%22%20class%3D%22taskText%20taskText1%20%22%3E%E8%AF%A6%E7%BB%86%E8%AE%BE%E8%AE%A1%20%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22390%22%20y%3D%22183.5%22%20text-height%3D%2220%22%20class%3D%22taskText%20taskText1%20%22%3E%E7%BC%96%E7%A0%81%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22441%22%20y%3D%22207.5%22%20text-height%3D%2220%22%20class%3D%22taskText%20taskText1%20%22%3E%E6%B5%8B%E8%AF%95%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22496%22%20y%3D%22231.5%22%20text-height%3D%2220%22%20class%3D%22taskTextOutsideRight%20taskTextOutside2%20%22%3E%E5%8F%91%E5%B8%83%3C%2Ftext%3E%3Ctext%20font-size%3D%2211%22%20x%3D%22508%22%20y%3D%22255.5%22%20text-height%3D%2220%22%20class%3D%22taskText%20taskText2%20%22%3E%E9%AA%8C%E6%94%B6%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Ctext%20x%3D%2210%22%20y%3D%2286%22%20class%3D%22sectionTitle%20sectionTitle0%22%3E%E9%A1%B9%E7%9B%AE%E7%A1%AE%E5%AE%9A%3C%2Ftext%3E%3Ctext%20x%3D%2210%22%20y%3D%22170%22%20class%3D%22sectionTitle%20sectionTitle1%22%3E%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%96%BD%3C%2Ftext%3E%3Ctext%20x%3D%2210%22%20y%3D%22242%22%20class%3D%22sectionTitle%20sectionTitle2%22%3E%E5%8F%91%E5%B8%83%E9%AA%8C%E6%94%B6%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20class%3D%22today%22%3E%3Cline%20x1%3D%2210523%22%20x2%3D%2210523%22%20y1%3D%2225%22%20y2%3D%22291%22%20class%3D%22today%22%3E%3C%2Fline%3E%3C%2Fg%3E%3Ctext%20x%3D%22300%22%20y%3D%2225%22%20class%3D%22titleText%22%3E%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B%3C%2Ftext%3E%3C%2Fsvg%3E)
更多语法参考:甘特图语法参考
Mermaid 流程图
![img](data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22632%22%20height%3D%22181%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Csource%3E%3C!%5BCDATA%5B%20.node%26gt%3Brect%20%7B%20%3B%20%7D%20.node%20text%20%20%7B%20fill%3A%23000%3B%20stroke%3Anone%3B%20font-weight%3A300%3B%20font-family%3A%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serf%3B%20font-size%3A14px%3B%20%7D%20.edgeLabel%20text%20%20%7B%20fill%3A%23000%3B%20stroke%3Anone%3B%20font-weight%3A300%3B%20font-family%3A%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serf%3B%20font-size%3A14px%3B%20%7D%20.cluster%20rect%20%20%7B%20rx%3A4px%3B%20fill%3A%20rgb(255%2C%20255%2C%20222)%3B%20rx%3A%204px%3B%20stroke%3A%20rgb(170%2C%20170%2C%2051)%3B%20stroke-width%3A%201px%3B%20%7D%20.label%2C%20.badge%20%7B%20display%3A%20inline-block%3B%20padding%3A%202px%204px%3B%20font-size%3A%2011.844px%3B%20font-weight%3A%20bold%3B%20line-height%3A%2014px%3B%20color%3A%20rgb(255%2C%20255%2C%20255)%3B%20text-shadow%3A%20rgba(0%2C%200%2C%200%2C%200.247059)%200px%20-1px%200px%3B%20white-space%3A%20nowrap%3B%20vertical-align%3A%20baseline%3B%20background-color%3A%20rgb(153%2C%20153%2C%20153)%3B%7D%20.label%20%7B%20border-radius%3A%203px%3B%7D%20.mermaid%20.label%20%7B%20color%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.node%20rect%2C%20.node%20circle%2C%20.node%20ellipse%2C%20.node%20polygon%20%7B%20fill%3A%20rgb(236%2C%20236%2C%20255)%3B%20stroke%3A%20rgb(204%2C%20204%2C%20255)%3B%20stroke-width%3A%201px%3B%7D%20.edgePath%20.path%20%7B%20stroke%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.edgeLabel%20%7B%20background-color%3A%20rgb(232%2C%20232%2C%20232)%3B%7D%20.cluster%20rect%20%7B%20fill%3A%20rgb(255%2C%20255%2C%20222)%20!important%3B%20rx%3A%204%20!important%3B%20stroke%3A%20rgb(170%2C%20170%2C%2051)%20!important%3B%20stroke-width%3A%201px%20!important%3B%7D%20.cluster%20text%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20Link%20textOneTwoHard%20edgeRound%20edgeDecisionResult%20oneResult%20two%5D%5D%3E%3C%2Fsource%3E%3Cstyle%20type%3D%22text%2Fcss%22%20title%3D%22mermaid-svg-internal-css%22%3E%20.node%26gt%3Brect%20%7B%20%3B%20%7D%20.node%20text%20%20%7B%20fill%3A%23000%3B%20stroke%3Anone%3B%20font-weight%3A300%3B%20font-family%3A%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serf%3B%20font-size%3A14px%3B%20%7D%20.edgeLabel%20text%20%20%7B%20fill%3A%23000%3B%20stroke%3Anone%3B%20font-weight%3A300%3B%20font-family%3A%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serf%3B%20font-size%3A14px%3B%20%7D%20.cluster%20rect%20%20%7B%20rx%3A4px%3B%20fill%3A%20rgb(255%2C%20255%2C%20222)%3B%20rx%3A%204px%3B%20stroke%3A%20rgb(170%2C%20170%2C%2051)%3B%20stroke-width%3A%201px%3B%20%7D%20.label%2C%20.badge%20%7B%20display%3A%20inline-block%3B%20padding%3A%202px%204px%3B%20font-size%3A%2011.844px%3B%20font-weight%3A%20bold%3B%20line-height%3A%2014px%3B%20color%3A%20rgb(255%2C%20255%2C%20255)%3B%20text-shadow%3A%20rgba(0%2C%200%2C%200%2C%200.247059)%200px%20-1px%200px%3B%20white-space%3A%20nowrap%3B%20vertical-align%3A%20baseline%3B%20background-color%3A%20rgb(153%2C%20153%2C%20153)%3B%7D%20.label%20%7B%20border-radius%3A%203px%3B%7D%20.mermaid%20.label%20%7B%20color%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.node%20rect%2C%20.node%20circle%2C%20.node%20ellipse%2C%20.node%20polygon%20%7B%20fill%3A%20rgb(236%2C%20236%2C%20255)%3B%20stroke%3A%20rgb(204%2C%20204%2C%20255)%3B%20stroke-width%3A%201px%3B%7D%20.edgePath%20.path%20%7B%20stroke%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20.edgeLabel%20%7B%20background-color%3A%20rgb(232%2C%20232%2C%20232)%3B%7D%20.cluster%20rect%20%7B%20fill%3A%20rgb(255%2C%20255%2C%20222)%20!important%3B%20rx%3A%204%20!important%3B%20stroke%3A%20rgb(170%2C%20170%2C%2051)%20!important%3B%20stroke-width%3A%201px%20!important%3B%7D%20.cluster%20text%20%7B%20fill%3A%20rgb(51%2C%2051%2C%2051)%3B%7D%20%3C%2Fstyle%3E%3Cg%3E%3Cg%20class%3D%22output%22%3E%3Cg%20class%3D%22clusters%22%3E%3C%2Fg%3E%3Cg%20class%3D%22edgePaths%22%3E%3Cg%20class%3D%22edgePath%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20class%3D%22path%22%20d%3D%22M102.59375%2C81L153.5703125%2C81L204.546875%2C81%22%20marker-end%3D%22url(%23arrowhead21)%22%20style%3D%22stroke%3A%20%23333%3B%20stroke-width%3A%201.5px%3Bfill%3Anone%22%3E%3C%2Fpath%3E%3Cdefs%3E%3Cmarker%20id%3D%22arrowhead21%22%20viewBox%3D%220%200%2010%2010%22%20refX%3D%229%22%20refY%3D%225%22%20markerUnits%3D%22strokeWidth%22%20markerWidth%3D%228%22%20markerHeight%3D%226%22%20orient%3D%22auto%22%3E%3Cpath%20d%3D%22M%200%200%20L%2010%205%20L%200%2010%20z%22%20style%3D%22fill%3A%20%23333%22%3E%3C%2Fpath%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3C%2Fg%3E%3Cg%20class%3D%22edgePath%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20class%3D%22path%22%20d%3D%22M296.953125%2C81L321.953125%2C81L347.4531257629394%2C81.5%22%20marker-end%3D%22url(%23arrowhead22)%22%20style%3D%22stroke%3A%20%23333%3B%20stroke-width%3A%201.5px%3Bfill%3Anone%22%3E%3C%2Fpath%3E%3Cdefs%3E%3Cmarker%20id%3D%22arrowhead22%22%20viewBox%3D%220%200%2010%2010%22%20refX%3D%229%22%20refY%3D%225%22%20markerUnits%3D%22strokeWidth%22%20markerWidth%3D%228%22%20markerHeight%3D%226%22%20orient%3D%22auto%22%3E%3Cpath%20d%3D%22M%200%200%20L%2010%205%20L%200%2010%20z%22%20style%3D%22fill%3A%20%23333%22%3E%3C%2Fpath%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3C%2Fg%3E%3Cg%20class%3D%22edgePath%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20class%3D%22path%22%20d%3D%22M418.2162364941735%2C66.66311225711296L470.7953109741211%2C38L509.3031234741211%2C38%22%20marker-end%3D%22url(%23arrowhead23)%22%20style%3D%22stroke%3A%20%23333%3B%20stroke-width%3A%201.5px%3Bfill%3Anone%22%3E%3C%2Fpath%3E%3Cdefs%3E%3Cmarker%20id%3D%22arrowhead23%22%20viewBox%3D%220%200%2010%2010%22%20refX%3D%229%22%20refY%3D%225%22%20markerUnits%3D%22strokeWidth%22%20markerWidth%3D%228%22%20markerHeight%3D%226%22%20orient%3D%22auto%22%3E%3Cpath%20d%3D%22M%200%200%20L%2010%205%20L%200%2010%20z%22%20style%3D%22fill%3A%20%23333%22%3E%3C%2Fpath%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3C%2Fg%3E%3Cg%20class%3D%22edgePath%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20class%3D%22path%22%20d%3D%22M418.21623749109705%2C96.33688827184257L470.7953109741211%2C124L509.0374984741211%2C124%22%20marker-end%3D%22url(%23arrowhead24)%22%20style%3D%22stroke%3A%20%23333%3B%20stroke-width%3A%201.5px%3Bfill%3Anone%22%3E%3C%2Fpath%3E%3Cdefs%3E%3Cmarker%20id%3D%22arrowhead24%22%20viewBox%3D%220%200%2010%2010%22%20refX%3D%229%22%20refY%3D%225%22%20markerUnits%3D%22strokeWidth%22%20markerWidth%3D%228%22%20markerHeight%3D%226%22%20orient%3D%22auto%22%3E%3Cpath%20d%3D%22M%200%200%20L%2010%205%20L%200%2010%20z%22%20style%3D%22fill%3A%20%23333%22%3E%3C%2Fpath%3E%3C%2Fmarker%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22edgeLabels%22%3E%3Cg%20class%3D%22edgeLabel%22%20transform%3D%22translate(153.5703125%2C81)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cg%20transform%3D%22translate(-32.4609375%2C-10.5)%22%20class%3D%22label%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20width%3D%2252.15625%22%20height%3D%2215.578125%22%20style%3D%22fill%3A%23e8e8e8%3B%22%3E%3C%2Frect%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3ELink%20text%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22edgeLabel%22%20transform%3D%22%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cg%20transform%3D%22translate(0%2C0)%22%20class%3D%22label%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20width%3D%220%22%20height%3D%220%22%20style%3D%22fill%3A%23e8e8e8%3B%22%3E%3C%2Frect%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3E%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22edgeLabel%22%20transform%3D%22translate(470.7953109741211%2C38)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cg%20transform%3D%22translate(-15.984375%2C-10.5)%22%20class%3D%22label%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20width%3D%2224.625%22%20height%3D%2215.578125%22%20style%3D%22fill%3A%23e8e8e8%3B%22%3E%3C%2Frect%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3EOne%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22edgeLabel%22%20transform%3D%22translate(470.7953109741211%2C124)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cg%20transform%3D%22translate(-15.984375%2C-10.5)%22%20class%3D%22label%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20width%3D%2226.828125%22%20height%3D%2215.578125%22%20style%3D%22fill%3A%23e8e8e8%3B%22%3E%3C%2Frect%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3ETwo%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22nodes%22%3E%3Cg%20class%3D%22node%22%20id%3D%22A%22%20transform%3D%22translate(61.296875%2C81)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20x%3D%22-41.296875%22%20y%3D%22-18%22%20width%3D%2282.59375%22%20height%3D%2236%22%3E%3C%2Frect%3E%3Cg%20class%3D%22label%22%20transform%3D%22translate(0%2C0)%22%3E%3Cg%20transform%3D%22translate(-31.296875%2C-8)%22%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3EHard%20edge%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22node%22%20id%3D%22B%22%20transform%3D%22translate(250.75%2C81)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Crect%20rx%3D%225%22%20ry%3D%225%22%20x%3D%22-46.203125%22%20y%3D%22-18%22%20width%3D%2292.40625%22%20height%3D%2236%22%3E%3C%2Frect%3E%3Cg%20class%3D%22label%22%20transform%3D%22translate(0%2C0)%22%3E%3Cg%20transform%3D%22translate(-36.203125%2C-8)%22%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3ERound%20edge%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22node%22%20id%3D%22C%22%20transform%3D%22translate(389.75312423706055%2C81)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Cpolygon%20points%3D%2242.800000000000004%2C0%2085.60000000000001%2C-42.800000000000004%2042.800000000000004%2C-85.60000000000001%200%2C-42.800000000000004%22%20rx%3D%225%22%20ry%3D%225%22%20transform%3D%22translate(-42.800000000000004%2C42.800000000000004)%22%3E%3C%2Fpolygon%3E%3Cg%20class%3D%22label%22%20transform%3D%22translate(0%2C0)%22%3E%3Cg%20transform%3D%22translate(-25.5%2C-8)%22%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3EDecision%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22node%22%20id%3D%22D%22%20transform%3D%22translate(550.8265609741211%2C38)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20x%3D%22-41.5234375%22%20y%3D%22-18%22%20width%3D%2283.046875%22%20height%3D%2236%22%3E%3C%2Frect%3E%3Cg%20class%3D%22label%22%20transform%3D%22translate(0%2C0)%22%3E%3Cg%20transform%3D%22translate(-31.5234375%2C-8)%22%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3EResult%20one%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22node%22%20id%3D%22E%22%20transform%3D%22translate(550.8265609741211%2C124)%22%20style%3D%22opacity%3A%201%3B%22%3E%3Crect%20rx%3D%220%22%20ry%3D%220%22%20x%3D%22-41.7890625%22%20y%3D%22-18%22%20width%3D%2283.578125%22%20height%3D%2236%22%3E%3C%2Frect%3E%3Cg%20class%3D%22label%22%20transform%3D%22translate(0%2C0)%22%3E%3Cg%20transform%3D%22translate(-31.7890625%2C-8)%22%3E%3Ctext%3E%3Ctspan%20xml%3Aspace%3D%22preserve%22%20dy%3D%221em%22%20x%3D%221%22%3EResult%20two%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two] # graphLR
更多语法参考:Mermaid 流程图语法参考
Html 标签
值班人员 | 星期一 | 星期二 | 星期三 |
---|---|---|---|
李强 | 张明 | 王平 |
<table>
<tr>
<th rowspan="2">值班人员</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李强</td>
<td>张明</td>
<td>王平</td>
</tr>
</table>
待办事宜 Todo 列表
使用带有 [ ] 或 [x] (未完成或已完成)项的列表语法撰写一个待办事宜列表,并且支持子列表嵌套以及混用Markdown语法,例如:
- [ ] **Cmd Markdown 开发**
- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
- [ ] 支持以 PDF 格式导出文稿
- [x] 新增Todo列表功能 [语法参考](https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments)
- [x] 改进 LaTex 功能
- [x] 修复 LaTex 公式渲染问题
- [x] 新增 LaTex 公式编号功能 [语法参考](http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers)
- [ ] **七月旅行准备**
- [ ] 准备邮轮上需要携带的物品
- [ ] 浏览日本免税店的物品
- [x] 购买蓝宝石公主号七月一日的船票
脚注
[^footnote]: 这是一个 *注脚* 的 **文本**。
[^footnote2]: 这是另一个 *注脚* 的 **文本**。
提示:本文摘取于这里
提示:更多的资料请点击这里