马上注册，阅读更多内容，享用更多功能！
您需要 登录 才可以下载或查看，没有账号？立即注册 
×
将特定样式例如较粗的边框或不同的背景颜色
graph LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5, 5
graph LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5, 5
graph TD
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
graph TD
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
graph TD
id1(Start)-->id2(Stop)
graph TD
id1(Start)-->id2(Stop)
graph TB
A --> C
A --> D
B --> C
B --> D
graph TB
A --> C
A --> D
B --> C
B --> D
graph LR
A[x]
B["if(x<0)"]
C["x=-x"]
D[return x]
graph LR
A[x]
B["if(x<0)"]
C["x=-x"]
D[return x]
graph LR
id1(This is the text in the box)
graph LR
id1(This is the text in the box)
graph TD
id[带文本的矩形]
id4(带文本的圆角矩形)
id3>带文本的不对称的矩形]
id1{带文本的菱形}
id2((带文本的圆形))
graph TD
id[带文本的矩形]
id4(带文本的圆角矩形)
id3>带文本的不对称的矩形]
id1{带文本的菱形}
id2((带文本的圆形))
在Mermaid图表中，你可以使用不同的Markdown节点形状来呈现各种元素。以下是一些常见的Markdown节点形状及其用途的简单介绍： | 名称 | 代码 | 用法 | | 圆角形 | 节点ID(round edge) | 表示起点、终点或注重循环的元素。 | | 跑道形 | 节点ID([straight path]) | 用于表示直线路径或流程中的步骤。 | | 圆柱形 | 节点ID[(cylinder)] | 通常用于表示过程或操作，也可以用于表示立体感的元素。 | | 菱形 | 节点ID{diamond} | 用于表示判断或决策的节点。 | | 圆形 | 节点ID((circle)) | 用于表示起点、终点或注重循环的元素。 | | 六角形 | 节点ID{{hexagon}} | 用于表示起点、终点或注重循环的元素。 | | 非对称形 | 节点ID>asymmetric] | 用于表示不对称的元素。 | | 梯形（正向） | 节点ID[/trapezoid] | 用于表示正向梯形形状的节点。 | | 梯形（反向） | 节点ID[\reversed trapezoid/] | 用于表示反向梯形形状的节点。 | | 平行四边形（右倾） | 节点ID[/parallelogram/] | 用于表示右倾的平行四边形。 | | 平行四边形（左倾） | 节点ID[\parallelogram] | 用于表示左倾的平行四边形。 | | 子程序形状 | 节点ID[[subroutine shape]] | 用于表示子程序形状的节点。 |
这些节点形状可以根据需要组合使用，以创建具有更多细节和表达力的Mermaid图表。
| 
