Mermaid 绘制流程图

流程图 (Flowcharts)

绘图方向

在 graph 后面打上记号，有如下：

• TB/TD
• BT
• RL
• LR

这些记号均是方位英文单词的首字母缩写

节点形状

节点的连线

子图 (Subgraphs)

语法：

subgraph title
    graph definition
end

例子：

样式

例子：

使用样式类

定义样式：

classDef className fill:#f9f,stroke:#333,stroke-width:4px;

绑定样式：

class nodeId          className;
class nodeId1,nodeId2 className;

可以用 CSS 定义 SVG 格式样式．

其他特性

Font Awesome

vscode 不支持

转义字符

Unicode 代码

可点击交互

vscode 不支持