Mermaid 转 SVG 转换器
将 Mermaid 图表导出为可缩放的 SVG 矢量图形。适合网页嵌入、印刷材料和响应式设计。
Mermaid 转 SVG 转换器
编写 Mermaid 代码，然后使用导出按钮下载 SVG
100%
如何将 Mermaid 转换为 SVG
1
在编辑器中编写或粘贴您的 Mermaid 图表代码
2
实时预览渲染的图表
3
点击下载 SVG 保存矢量文件
4
或复制 SVG 代码直接嵌入 HTML
为什么使用 SVG？
无限缩放
SVG 图片无论怎么放大都不会失真。非常适合演示文稿和印刷。
轻量
SVG 文件通常比同等的 PNG 更小，使页面加载更快。
可编辑
SVG 基于 XML，您可以用 CSS 或 JavaScript 进一步编辑颜色、字体和样式。
无障碍
SVG 支持屏幕阅读器可访问的文本元素，提高无障碍性。
常见问题
SVG 和 PNG 有什么区别？
SVG 是矢量格式，可以无限缩放而不损失质量，而 PNG 是固定分辨率的光栅格式。网页和印刷使用 SVG，社交媒体和即时通讯使用 PNG。
可以直接在 HTML 中嵌入 SVG 吗？
可以，您可以复制 SVG 代码直接粘贴到 HTML 中。也可以用 img 标签作为图片源使用。
SVG 在所有浏览器中看起来一样吗？
是的，SVG 在所有现代浏览器中都有良好的支持，包括 Chrome、Firefox、Safari 和 Edge。