前言
画图之前一直使用的是processon,奈何文件数不够使用,所以来学习一波mermaid-js
github: https://github.com/mermaid-js/mermaid
docs: https://mermaid-js.github.io/mermaid/#/
内容
流程图
方向
- TB 从上到下

- TD 从上到下

- BT 从下到上

- RL 从右到左

- LR 从左到右

节点形状
- 圆角节点

- 椭圆节点

- 子程序节点

- 圆柱体节点

- 圆形节点

- 燕尾式节点

- 棱形节点

- 六边形节点

- 平行四边形节点

- 反平行四边形节点

- 梯形节点

- 倒梯形节点

线条形状
- 直线

- 文本线


- 箭头线

- 加箭头的文本线


- 虚线

- 加文本的虚线

- 粗线

- 加文本的粗线

- 综合案例

文本中添加特殊字符
针对要在文本上添加特殊字符,只需要将文本内容放在双引号中即可

自定义区域


自定义节点样式



