2026 年 5 月 23 日
支持在浏览器标签中区分多个流程图
新增支持定义自定义图表名称，方便打开多个流程图后通过浏览器标签进行区分。
- 新增支持定义自定义图表名称。
- 方便通过浏览器标签区分多个流程图。
Mermaid 转 SVG 工具
使用简单的浏览器本地工具，将 Mermaid 图表转换成清晰可缩放的 SVG 图片。
Mermaid 代码
示例
预览
导出设置
主题
背景
更新日志
这里记录 Mermaid 转 SVG 工具最近上线的改动。
为什么使用这个 Mermaid 转 SVG 工具？
简单聚焦
专注于一件事：快速把 Mermaid 图表代码转换成可下载的 SVG 矢量文件。
浏览器本地处理
Mermaid 渲染和 SVG 导出在浏览器中完成，核心流程不依赖服务端转换。
可缩放输出
导出清晰的 SVG 文件，适合文档、幻灯片、网站和设计工作流。
如何将 Mermaid 转为 SVG
- 将 Mermaid 代码粘贴到编辑器。
- 查看实时图表预览。
- 选择主题、背景和文件名。
- 点击下载 SVG。
常见使用场景
可缩放的文档配图
导出 SVG，使 README、Confluence 与印刷 PDF 在任意缩放下保持清晰。
设计体系与 Wiki 嵌入
作者可能跨模板调整尺寸时，用矢量保留架构图锐度。
开发交接
在高分屏上分享时序图与类图而无需导出多种 PNG 倍率。
在矢量工具中微调
Mermaid 布局正确后，若只需轻微润色，可在矢量编辑器中打开 SVG。
源码留在当前标签页
客户端 Mermaid 转 SVG
核心导出路径的解析与 SVG 生成在浏览器中完成，下载 SVG 无需把 Mermaid 源码上传到 DK-JS。
请把机密拓扑图当作其他屏幕上的敏感文档一样对待。
矢量导出需注意的点
需要合法 Mermaid
语法错误会阻止预览。请确认页面内置 Mermaid 版本支持的图表类型。
部分 CMS 不接受 SVG
有的平台会出于安全剥离 SVG 上传，此时改用 Mermaid 转 PNG。
不是完整图表 IDE
协作、批注与多文件工程请用专业架构工具；本页专注快速导出。
Mermaid 转 SVG 使用指南
什么时候该导出 SVG
当图表会出现在 README、Wiki、幻灯片模板或印刷 PDF 中，并需要在任意缩放下保持清晰时，优先选 SVG。矢量路径能让流程图、时序图和类图在高分屏上保持锐利，而不必导出多种 PNG 倍率。若作者或设计师在 Mermaid 布局已经正确后，还可能在矢量编辑器里做轻微润色，SVG 也很合适。
若目标平台出于安全拒绝 SVG 上传、聊天应用只接受位图，或你只需要不可再编辑的扁平快照，请改用 PNG。本站也提供 Mermaid 转 PNG 工具——按目标格式选择，而不是依赖外站品牌名称。
实用转换步骤
把合法的 Mermaid 源码粘贴到编辑器（或加载示例），等待实时预览，再选择主题与背景。透明背景适合自带页面底色的文档；白底或深色背景有助于对比度较差的宿主页面。设置清晰的文件名，方便一次导出多张图时整理下载。最后点击下载 SVG，并保留原始 Mermaid 文本以便日后修改——SVG 是渲染结果，不能替代图表源码的版本管理。
自定义图表名称有助于在多个浏览器标签中区分预览。主题可适配浅色或深色文档体系。若预览报错，请先修正 Mermaid 语法；导出无法从错误源码凭空生成合法图表。
常见坑
最常见的阻塞是非法 Mermaid 语法——箭头缺失、当前内置 Mermaid 版本不支持的图表类型，或编辑器里残留 Markdown 代码围栏，都会导致无法渲染。另一个常见问题是把 SVG 上传到会剥离矢量文件的 CMS；此时改用 PNG。过大的图可能拖慢低内存标签页，导出前可简化子图或拆分图表。也不要在公用设备上把密钥或专有主机名写进图表，结束后请清空编辑器。
若预览正常但目标页面显示异常，请检查宿主是否重写或消毒 SVG，或页面 CSS 是否覆盖了 fill / stroke。透明 SVG 在深色主题上「消失」时，可改用实心背景重新导出。请保持合理预期：本页是快速的浏览器导出器，不是带批注与多文件工程的协作架构 IDE。
Mermaid 转 SVG 常见问题
Mermaid 转 SVG 是把文本形式的 Mermaid 图表代码转换成 SVG 文件，便于在文档、幻灯片、网站和设计工具中使用。
不会。核心渲染和 SVG 导出流程使用 Mermaid 与浏览器 API 在浏览器中完成。
可以。下载前选择透明背景即可导出透明 SVG。
目标是支持常见 Mermaid 图表，包括流程图、时序图、类图、状态图、ER 图、甘特图、思维导图和饼图等。
需要缩放仍清晰，或简单线稿希望体积更小时选 SVG。目标平台禁止 SVG 或聊天工具只要扁平时改用 PNG。
核心预览与 SVG 下载基于浏览器。请勿在公用设备上粘贴专有图表，结束后清空编辑器。