Mermaid 在线图表

时序图

解析 sequenceDiagram 的 participant / actor、消息箭头、Note 与 loop/alt 块，输出参与者泳道和消息结构。

在浏览器中运行

输入与参数

• input — Mermaid 时序图源码

真实示例

sequenceDiagram
  participant 用户 as 浏览器
  participant W as 渲染 Worker
  participant E as 导出计划
  用户->>W: 提交源码 & 取消信号
  W-->>用户: 返回 SVG 与定位信息
  用户->>E: 本地导出 SVG / PNG
  Note over 用户,E: 不访问外部渲染服务
→ sequence：3 参与者 / 3 消息 / 1 Note；中文别名、& 与 / 正常转义；SVG 含 participant、lifeline、message 分组。

限制与失败处理

不实现真实 Mermaid 时序图自动布局；activate/rect/critical 只记录为块，不参与坐标计算。消息正文始终作为文本转义，不解析 HTML。

FAQ