Mermaid的基本语法

技术 · 2023-08-02
Mermaid的基本语法

Careers_Carousel-05_4_3.jpeg

Mermaid是一种流程图和时序图的绘制工具,基本语法如下:

流程图

graph LR
    A[方形] --> B(圆角)
    B --> C{菱形}
    C --> D((圆形))

其中,graph表示流程图,LR表示从左到右绘制图形,ABCD表示节点,-->表示连接箭头,( )表示圆形,[ ]表示方形,{ }表示菱形。

时序图

sequenceDiagram
    A->>B: 请求数据
    B-->>C: 返回数据

其中,sequenceDiagram表示时序图,ABC表示参与者,->>表示请求箭头,-->>表示返回箭头。

在流程图中,可以使用以下符号来表示是和否的关系:

  • 是:使用一个绿色的实心圆形节点 (( ))
  • 否:使用一个红色的空心圆形节点 (( ))

示例:

graph LR
    A[开始] --> B{是否有效?}
    B -- 是 --> C[有效]
    B -- 否 --> D[无效]
    C --> E[结束]
    D --> E[结束]

在这个示例中,我们使用了菱形节点 B 来表示一个判断,然后用绿色的实心圆形节点 C 表示判断为“是”的情况,用红色的空心圆形节点 D 表示判断为“否”的情况。

Theme Jasmine by Kent Liao