工具说明
在线编写 Mermaid 流程图、时序图和 ER 图，实时预览语法结果并导出 SVG 或 PNG，适合技术文档、方案和项目说明。
输入或粘贴 Mermaid 图表代码
根据实时预览修正语法和节点关系
确认图表后导出 SVG 或 PNG
输入内容和文件优先由当前浏览器处理，不需要先上传到本站服务器。处理完成后请及时保存结果，刷新或关闭页面会清空当前工作区。
可用于常见流程图、时序图、类图、状态图、ER 图和甘特图等，具体以当前 Mermaid 语法和页面渲染结果为准。
先查看错误提示，再从图表声明、箭头、节点括号和引号开始检查。可逐段删除最近添加的内容，找到导致解析失败的语句。
可以，预览成功后可导出 SVG 或 PNG。SVG 适合文档和后续缩放，PNG 适合聊天、幻灯片和普通图片场景。
不会先上传。代码解析、预览和导出在当前浏览器中完成，适合绘制内部流程和技术结构。
先声明 flowchart 和方向，例如从左到右或从上到下，再逐个定义节点和连线。图表能正常预览后，再增加分支文字、子图和样式，排错会更容易。
SVG 是矢量格式，放大后文字和线条仍然清晰，更适合技术文档和网页；PNG 兼容性更广，适合直接插入聊天、表格和演示文稿。
内容更新：2026-07-21