Mermaid 转图片 – 导出 PNG 或 SVG 流程图

如何将 Mermaid 图表转为图片

粘贴 Mermaid 代码，或导入 UTF-8 编码的 Markdown、MMD 文件。停止输入后，预览会自动更新。

文档含多个图表时，在预览上方选择图表。打开选项可设置主题、背景、留白和输出格式。

下载 PNG 位图或可缩放的 SVG 图表。PNG 倍率只改变导出分辨率，不改变图表布局。

Mermaid 转图片常见问题

不可以。此工具提取 Markdown 中的 Mermaid 代码块，每次导出一个图表，不包含周围的标题、段落和普通代码块。需要预览完整文档时，请使用 Markdown 编辑器。

PNG 保留渲染后的外观，适合插入文档和演示文稿。SVG 放大后仍然清晰，但在其他设备上字体可能不同。两种格式都支持透明背景，PNG 可选择 1× 到 4× 导出倍率。

常见 Mermaid 图表包括流程图、时序图、类图、状态图、实体关系图、甘特图和饼图。文字使用设备上可用的字体。不支持交互回调、嵌入 HTML 或外部图片。

渲染和导出均在浏览器中完成。输入最多 200,000 个字符，导入文件最大 200 KB，每份文档最多 20 个图表。每个图表最多 20,000 个字符和 250 条连接。PNG 每边最多 8,192 像素，总像素不超过 1,600 万。