流程图绘制
流程图绘制：编写 Mermaid 代码实时渲染，内置流程图、时序图、甘特图、类图模板，可导出 SVG 与 2x PNG。本地运行不上传。
Mermaid 代码
快速模板
停止输入约 0.5 秒后自动渲染；代码与图都在本地浏览器内处理，不上传服务器。
实时预览
在左侧输入 Mermaid 代码后实时预览
关于「流程图绘制」
写技术文档、方案评审或整理思路时，用 Mermaid 文本描述比拖拽画图更快改。左侧写代码、右侧实时出图，内置四类中文示例模板，一键导出 SVG 或 2x 高清 PNG。
本地处理不上传服务器免费使用
适用场景
- 为技术文档、博客插入流程图与时序图
- 项目排期用甘特图快速表达里程碑
- 评审前把业务流转画成可修改的流程图
- 课堂或培训中演示代码到图形的对应关系
使用步骤
- 选择模板或直接在左侧编写 Mermaid 代码
- 右侧实时预览渲染结果
- 按需修正语法错误提示
- 导出 SVG 或高清 PNG
常见问题
支持哪些图类型？
Mermaid 支持的类型都可使用，包括流程图、时序图、甘特图、类图、状态图、ER 图等；模板区提供四种常用示例。
语法报错怎么看？
代码无法解析时会在预览区显示中文包装的错误提示，可先对照模板检查箭头、缩进与引号写法。
导出的 PNG 清晰吗？
PNG 按 2 倍分辨率导出，适合插入文档；需要无损缩放时请选择 SVG。
代码会保存或上传吗？
不会上传。Mermaid 渲染完全在浏览器本地完成，代码仅存于当前页面，刷新后恢复默认模板。