Markdow流程图制作教程
Posted 没事就要敲代码
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Markdow流程图制作教程相关的知识,希望对你有一定的参考价值。
1 横向流程图
源码:
```mermaid
graph LR
A[方形] -->B(圆角)
B --> C条件a
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图]
```
效果:
2 竖向流程图
源码:
```mermaid
graph TD
A[方形] --> B(圆角)
B --> C条件a
C --> |a=1| D[结果1]
C --> |a=2| E[结果2]
F[竖向流程图]
```
效果:
3 标准流程图
源码:
```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```
效果:
4 标准流程图(横向)
源码:
```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```
效果: