Mermaid简介
Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库,使用 JS 进行本地渲染,广泛集成于许多 Markdown 编辑器中。
官方网站:https://mermaidjs.github.io/
项目地址:https://github.com/knsv/mermaid
流程图语法
定义节点
表述 | 说明 |
---|---|
id[文字] |
矩形节点 |
id(文字) |
圆角矩形节点 |
id((文字)) |
圆形节点 |
id>文字] |
旗帜状节点 |
id{文字} |
菱形节点 |
定义连线
表述 | 说明 |
---|---|
> |
添加尾部箭头 |
- |
不添加尾部箭头 |
-- |
单线 |
--text-- |
单线上加文字 |
== |
粗线 |
==text== |
粗线加文字 |
-.- |
虚线 |
-.text.- |
虚线加文字 |