Markdown(四)——绘图工具mermaid之状态图stateDiagram

前言：在做软件工程时经常会需要用到绘图来帮助理解软件构造，CSDN的编辑器集成了插入绘图工具mermaid,以下是对其常用语法的一些记录整理

---

状态图

  以下是学习mermaid语法的官网：https://mermaid-js.github.io/mermaid/#/stateDiagram
  每个代码块都要用以下代码包括进去,才能保证被MarkDown解释器解释为UML图：

```meraid
```

  本来打算一边记录一边在CSDN上用编辑器展示，但是目前它的编辑器不支持状态图的显示，只能编辑器Typora上做实验后截图发布效果对比图。

---

1.状态

  状态图的定义有很多，为了便于记忆，个人挑选了最常用的一种写法：

```mermaid
stateDiagram-v2
s2 : 这是状态2
```

  :前s2是状态的ID,效果如下：

2.转换

  mermaid用-->表示两个状态间的转换，比如： s1 --> s2。你也可以用