Mermaid 转 PNG / SVG

Mermaid 图表转 SVG/PNG 图片

浏览器本地处理输入和文件不上传到本站服务器数据处理说明

Mermaid 转 PNG / SVG

渲染后的图表会显示在这里
改源码后会自动渲染
主题与 PNG 设置可选:更换主题、背景和导出倍率
Mermaid 语法在浏览器本地渲染,支持下载 SVG 和 PNG 图片
使用说明

把 Mermaid 图表导出成图片

流程图、架构图、时序图需要放进文档或演示时使用。

1粘贴 Mermaid 代码
2预览图表是否正确
3导出图片使用
完成后得到可分享的图表图片。先粘贴 Mermaid 代码
常见问题

把 Mermaid 导出成 PNG / SVG 前,你可能想知道

先试一个三步流程图

把下面的源码粘贴到编辑器。页面会自动渲染从 Draft 到 Review 再到 Publish 的三个节点;确认预览无误后再下载。

flowchart LR
  Draft --> Review --> Publish

PNG 是位图,适合直接插入文档或演示文稿;SVG 是矢量图,适合需要缩放的场景。PNG 放大后可能变模糊,可在导出前调整倍率并检查尺寸。

Mermaid 怎么转 PNG?

打开本页后粘贴 Mermaid 源码,确认自动渲染的图表无误,再点「下载 PNG」。也可以先下载 SVG,或调整主题、背景色和倍率后再导出。

Mermaid 转图要不要注册?

不用注册,也不用登录。打开页面即可粘贴源码、预览图表并下载 PNG 或 SVG,没有账号或付费门槛。

Mermaid 是否本地渲染?

是。图表在当前浏览器中用 Mermaid 渲染,源码不会上传到服务器。刷新或关闭页面后,本站也不会保存你的输入。

和 Mermaid Live Editor 有什么差别?

Live Editor 侧重在线编辑、分享和官方生态。本页专注把现成 Mermaid 导出为 PNG / SVG,免注册、本地渲染,适合放进文档、README 或演示文稿。