Mermaid 图表编辑器
编写 Mermaid 代码，实时查看流程图、时序图等，导出 SVG 或 PNG
- 文件不会离开你的设备
- 在浏览器本地运行
- 免费、免注册、无水印
预览正在加载 Mermaid…
如何使用Mermaid 图表编辑器
编写 Mermaid 代码，边写边看图：流程图、时序图、类图、状态图、ER 图、甘特图、饼图、思维导图、时间线和 Git 图。预览可缩放拖动，可导出 SVG 或最高 4 倍尺寸的 PNG，渲染全在浏览器里完成。
- 1
在编辑器里写 Mermaid 代码，或从「示例」里选一种图表作为起点。
- 2
选择主题：「默认」「中性」「深色」或「森林」。
- 3
在预览区查看效果：滚轮或双指缩放，拖动平移，也可以用「适应窗口」和「全屏」。
- 4
设置「背景」和「PNG 尺寸」，点 SVG 或 PNG 下载，或用「复制 SVG」「复制 PNG」复制到剪贴板。
常见问题
图表代码会发送到服务器吗？
不会。Mermaid 在页面内运行，代码和图表都留在浏览器里。代码会保存在本地，下次打开还在。
代码有语法错误时会怎样？
编辑器下方会显示错误和行号，预览区继续显示上一次成功渲染的图。
能导出透明背景吗？
能。导出 SVG 或 PNG 前把「背景」设为「透明」即可。
怎样导出更清晰的 PNG？
把「PNG 尺寸」选为 2×、3× 或 4×，旁边会显示实际像素尺寸。
有保存的快捷键吗？
在编辑器里按 Ctrl/⌘ + S 会下载 SVG。预览区里 + 和 − 缩放，方向键平移，0 恢复到 100%，F 适应窗口。