Typora绘图

Sequence（时序图）

依托于js-sequence实现

简单样例

对象A->对象B: 对象B你好吗?（请求）

Note right of 对象B: 对象B的描述

Note left of 对象A: 对象A的描述(提示)

对象B-->对象A: 我很好(响应)

对象A->对象B: 你真的好吗？

复杂样例

Title: 标题：复杂使用

对象A->对象B: 对象B你好吗?（请求）

Note right of 对象B: 对象B的描述

Note left of 对象A: 对象A的描述(提示)

对象B-->对象A: 我很好(响应)

对象B->小三: 你好吗

小三-->>对象A: 对象B找我了

对象A->对象B: 你真的好吗？

Note over 小三,对象B: 我们是朋友

participant C

Note right of C: 没人陪我玩

flow（流程图）

依托于flowchart.js实现

横向

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

竖向

st=>start: 开始框

op=>operation: 处理框

cond=>condition: 判断框(是或否?)

sub1=>subroutine: 子流程

io=>inputoutput: 输入输出框

e=>end: 结束框

st->op->cond

cond(yes)->io->e

cond(no)->sub1(right)->op

mermaid

结合Mermaid，支持了Mermaid模式下的时序图(sequence)，流程图(flowchart)和甘特图(Gantt)

时序图

样例

流程图

横向

竖向

甘特图

样例

样例二

参考：

typora画流程图、时序图(顺序图)、甘特图

Markdown里面使用mermaid画流程图（基础）

Draw Diagrams With Markdown

mermaid

使用Typora Markdown画图