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{行标}
$$

\[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 \]

\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} \]

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 \]

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} 来自定义更多的颜色,其中 #rgbr g b 可输入 0-9a-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+#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} \]

\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{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{删除线效果}{字符} 来实现各种整段删除线效果。
其中,删除线效果有 horizontalstrikeverticalstrikeupdiagonalstrikedowndiagonalstrike,可叠加使用。

\[\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} \]

$$
\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} \]

\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} $

\[\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 来输入省略符号。

\[\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} \]

        \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] \]

\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} \]

\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 语句编号优先级高于自动编号。

\[\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} \]

本例中第一、第二行的自动编号被 \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} \]

 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) \]

\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} \]

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} \]

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} \]

\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} \]

% 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. \]

\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} \]

\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}}}} \]

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}}}}

\[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} \]

\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} \]

\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} \]

\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 \\
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 \\
\{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 \\
\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} \]

\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)\}. \]

$$
\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} \]

\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 \]

\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]: 这是另一个 *注脚* 的 **文本**。

提示:本文摘取于这里

提示:更多的资料请点击这里

posted @ 2019-01-17 18:47  小魔鬼的世界  阅读(1344)  评论(2编辑  收藏  举报