Mermaid图表生成器

📖 使用教程

Mermaid是一种基于文本的图表描述语言，让您像写代码一样画图。本工具纯前端运行，您的代码不会上传到任何服务器。

快速开始：点击上方的模板标签选择图表类型，然后修改代码，点击"渲染"即可。

流程图语法示例

graph TD
    A[开始] --> B{条件判断}
    B -->|是| C[处理]
    B -->|否| D[跳过]
    C --> E[结束]
    D --> E

时序图语法示例

sequenceDiagram
    participant 用户
    participant 系统
    用户->>系统: 发送请求
    系统-->>用户: 返回响应

🎯 应用场景

• 技术文档：用文本描述替代手动绘图，文档与代码共存
• 系统设计：快速绘制架构图、流程图，便于团队沟通
• 演示汇报：导出高清SVG/PNG用于PPT和报告
• Markdown博客：在Markdown中直接嵌入Mermaid代码块

❓ 常见问题

Mermaid支持哪些图表类型？

本工具支持流程图(graph)、时序图(sequenceDiagram)、类图(classDiagram)、状态图(stateDiagram-v2)、ER图(erDiagram)、甘特图(gantt)和饼图(pie)。每种图表都有对应的语法规则。

可以导出哪些格式？

支持导出为SVG矢量格式（可编辑、无限缩放）和PNG位图格式（适合直接插入文档）。SVG导出保留完整图形质量。

图表渲染失败怎么办？

请检查Mermaid语法是否正确。常见错误包括：箭头方向符号不对、节点ID重复、括号不匹配。可以先用示例模板测试，再逐步修改。所有错误信息会显示在输入区下方。

Mermaid和PlantUML有什么区别？

Mermaid语法更简洁易学，适合快速绘制常见图表，且与GitHub Markdown原生兼容。PlantUML功能更强大但语法更复杂。对于大多数日常场景，Mermaid足以满足需求。