跳到内容

📊 Mermaid 图预览

输入 Mermaid 语法即可实时渲染 SVG。支持 flowchart / sequence / class / state / gantt / pie / mindmap / gitGraph / journey。SVG 复制、SVG/PNG 下载、主题切换。

✅ 完全免费 · 无需注册 · 不向服务器发送

🔒 Mermaid 从 CDN 加载并在浏览器中渲染。源代码不会发送到服务器。

示例: 主题:

📝 Mermaid 输入

👁 预览

📖 使用方法

  1. 1
    输入语法
    在左侧编辑器输入。使用示例按钮加载模板。
  2. 2
    选择主题
    从 default / dark / forest / neutral 选择。
  3. 3
    导出
    复制 SVG 或下载 SVG / PNG。

❓ 常见问题

支持哪些图类型?
flowchart / sequence / class / state / gantt / pie / mindmap / gitGraph / journey,基于 Mermaid 11。
PNG 下载如何工作?
将渲染的 SVG 绘制到 Canvas 后导出 PNG。
Mermaid 源会外发吗?
不会。仅库从 CDN 加载。

🔗 相关工具

🐛 此工具出现问题了吗?

免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。

※ 为复现问题,浏览器信息 (UA / 屏幕 / 语言 / URL) 将自动发送