MarkDown画图技巧

标签： #Share

横向流程图源码格式

graph LR
A[方形] -->B(圆角)
  B --> C{条件a}
  C -->|a=1| D[结果1]
  C -->|a=2| E[结果2]
  C -->|a=3| B
  F[横向流程图]

竖向流程图源码格式

graph TD
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[竖向流程图]

标准流程图源码格式

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

注释画图实战

 sequenceDiagram
   Note over Boot: 启动类
   Note over PDFThread: 线程类
   Note over PDFWorker: 执行类
 	Boot->>PDFThread: Boot类启动线程
   PDFThread->>PDFWorker: 线程类调用真正工作Worker
   loop 队列处理
       PDFThread->PDFThread: 考虑成功与失败情况处理方案
   end
   
   PDFWorker-->>PDFThread: Worker响应执行结果
Note right of PDFWorker: 注意参数校验 <br/>文件格式校验