图表完成后,点击导航栏的 Export 打开导出对话框。所有内容都在浏览器本地生成——无需上传、没有水印、不需要账号。
图片格式
| 格式 | 适用场景 |
|---|---|
| SVG | 文档、维基和网页——无限缩放的矢量输出 |
| PNG | 幻灯片、工单和聊天——通用位图格式 |
| JPG | 不需要透明背景时文件更小 |
| WebP | 压缩率出色的现代图片格式 |
位图导出(PNG / JPG / WebP)支持 1x、2x、4x 分辨率,高分屏上也能保持清晰。PNG 和 WebP 提供透明背景开关。
导出的图片始终与预览一致——所见即所得。
ASCII 导出
ASCII 模式下,导出对话框提供 TXT(纯文本):渲染好的文本图表,可直接粘贴到代码注释、文档或终端。
导出主题配置
导出对话框还包含 Theme Config 区块,方便在 mermaid.design 之外复用主题:
- Copy JSON——把当前主题变量复制为 JSON 对象
- Download JSON——保存为
mermaid-theme.json文件 - Copy frontmatter——把主题复制为 Mermaid frontmatter,可粘贴到任何
.mmd文件或 Markdown 代码块顶部:
---
config:
theme: base
themeVariables:
primaryColor: '#...'
---
任何支持 themeVariables 的 Mermaid 渲染器(Mermaid CLI、GitHub、文档流水线)都能应用导出的主题。
分享你的作品
图表只存储在浏览器的本地存储中——没有服务端分享链接。分享图表的方式:
- 导出为图片(ASCII 模式导出 TXT),或
- 直接复制 Mermaid 代码发给对方——对方粘贴到 mermaid.design 就能从你停下的地方继续。
在同一设备和浏览器上,你的代码、主题和布局会在会话之间自动保留。