Typora中的各种图表

参考这里：Typora中的各种图表 还有 网友的博客

流程图

```(flow) #复制时，去掉#号及后面的内容和flow两边的括号
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes,bottom)->io->e
cond(no,left)->sub(top)->op
```

效果图：

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

流程图中主要的节点有：开始框、结束框、处理框、判断框、输入输出框、子流程框、并行任务等。

流程图中的每一个节点都对应着源码中的一个对象，定义的如下：

名字=>属性: 显示内容

属性表明该对象属于开始框、结束框、处理框… 中的哪一种。

如果不指定，判断框的yes流程默认是向下走的，no流程向右。

如：cond(yes) cond(no)

当然也可以交换过来，让no流程向下，yes向右：

如：cond(yes) cond(no,bottom)

子流程框的括号里可以写 top、bottom、right、left 等，指定方向。

如：**sub(top) sub(bottom) sub(right) sub(left) **

并行任务框的用法：

```(flow) #复制时，去掉#号及后面的内容和flow两边的括号
st=>start: 开始框
op=>operation: 处理框
op1=>operation: 处理框
op2=>operation: 处理框
op3=>operation: 处理框
cond=>condition: 判断框(是或否?)
para=>parallel: 并行任务
e1=>end: 结束框
e2=>end: 结束框
st->op->cond
cond(yes,bottom)->para
para(path1, right)->op1->e1
para(path2, left)->op2->e1
para(path3, bottom)->op3->e1
cond(no)->e2
```

效果图：

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 并行任务 处理框 结束框 处理框 处理框 结束框 yes no