Mermaid 编辑器

创建流程图、序列图、甘特图等多种图表

多种图表

实时预览

SVG导出

图表模板

Mermaid 代码

6 行

图表预览

图表预览区域

当前图表类型: 流程图

实际实现需要集成 Mermaid.js 库

常用语法说明

流程图节点形状：

• [文本] - 矩形
• (文本) - 圆角矩形
• {文本} - 菱形
• ((文本)) - 圆形

序列图消息类型：

• ->> 同步调用
• -->> 异步调用
• -x 失败调用
• --x 异步失败