共计 2135 个字符,预计需要花费 6 分钟才能阅读完成。
0x00 外链教程
0x01 思维导图画法
0x02 流程图画法
代码:
graph TB
id((开始))
id[带文本的矩形]-->id4(带文本的圆角矩形)
id4 --> id3> 带文本的不对称的矩形 ]
id3 --> id1{带文本的菱形}
id1 --> id2((结束))
效果如下:
节点之间的连接
- A --> B A 带箭头指向 B
- A --- B A 不带箭头指向 B
- A -.- B A 用虚线指向 B
- A -.-> B A 用带箭头的虚线指向 B
- A ==> B A 用加粗的箭头指向 B
- A -- 描述 --- B A 不带箭头指向 B 并在中间加上文字描述
- A -- 描述 --> B A 带箭头指向 B 并在中间加上文字描述
- A -. 描述 .-> B A 用带箭头的虚线指向 B 并在中间加上文字描述
- A == 描述 ==> B A 用加粗的箭头指向 B 并在中间加上文字描述
示例
mermaid
graph LR
A[A] --> B[B]
A1[A] --- B1[B]
A4[A] -.- B4[B]
A5[A] -.-> B5[B]
A7[A] ==> B7[B]
A2[A] -- 描述 --- B2[B]
A3[A] -- 描述 --> B3[B]
A6[A] -. 描述 .-> B6[B]
A8[A] == 描述 ==> B8[B]
效果
子流程图
格式
subgraph title
graph definition
end
示例
mermaid
graph TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
效果:
自定义样式
语法:style id 具体样式
示例
mermaid
graph LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px,fill-opacity:0.5
style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 10,5
效果:
绘制一个流程图, 找出 A、B、C 三个数中最大的一个数。
写法
mermaid
graph LR
start[开始] --> input[输入 A,B,C]
input --> conditionA{A 是否大于 B}
conditionA -- YES --> conditionC{A 是否大于 C}
conditionA -- NO --> conditionB{B 是否大于 C}
conditionC -- YES --> printA[输出 A]
conditionC -- NO --> printC[输出 C]
conditionB -- YES --> printB[输出 B]
conditionB -- NO --> printC[输出 C]
printA --> stop[结束]
printC --> stop
printB --> stop
效果:
正文完
扫码赞助
