浏览器本地渲染
图表在当前浏览器会话中解析与绘制，不会将 Mermaid 源码发送到本站服务器。
1
arrow_back返回工具箱工具箱
Mermaid 图表
在浏览器中渲染 Mermaid 图表语法，采用粉/黄/蓝 pastel（浅灰或黑底），可在圆角与方角节点样式间切换，并分别导出适用于浅色或深色排版的 PNG。
加载工具…
导出 PNG（浅色 / 深色）
浅色导出使用淡灰画布（#eceef2）、粉/黄/蓝 pastel 节点与黑色连线；深色导出使用纯黑画布、同款 pastel 节点与红色连线强调，风格接近常见 Flutter 架构示意图。
常见问题
图表文字会上传吗？
不会。Mermaid 在浏览器本地运行，渲染与导出均不会调用本站服务端处理接口。
浅色与深色 PNG 导出有什么区别？
浅色为灰底黑线，深色为黑底红线；节点统一使用粉/黄/蓝系 pastel，与页面预览一致，便于放入浅色或深色文档。
支持哪些 Mermaid 图表类型？
本站打包的 Mermaid 所支持的类型（例如 flowchart、sequenceDiagram、classDiagram 等）在语法正确时均可预览与导出。
SHARE
分享
分享这个工具。