Mermaid 在线预览
实时渲染架构图、流程图、时序图等，支持交互式缩放及导出图片。。
Mermaid 允许您使用文本轻松创建图表和可视化。它是基于 JavaScript 的图表工具，使用类似于 Markdown 的语法进行渲染。
主要特点
- 实时预览，边写边看
- 支持导出 PNG / SVG 高清图
- CAD 图元可选中查看尺寸标注
如何使用Mermaid 在线预览
- 在左侧编辑器输入 Mermaid 语法，例如 flowchart、sequenceDiagram 或 classDiagram。
- 页面会自动渲染右侧预览，语法错误会在预览区域提示。
- 使用缩放、重置和全屏按钮查看复杂图表细节。
- 确认图表后，通过导出菜单下载 PNG 或 JPEG 图片。
常见问题
Mermaid 代码会上传吗？
不会，解析和渲染都在浏览器本地完成。
为什么导出的图片和预览略有不同？
导出时会重新序列化 SVG 并使用白色背景绘制到高清 Canvas，少数主题样式可能存在轻微差异。
数据与隐私
所有图表渲染均在本地完成，您的图表代码不会发送到任何远程服务器。
相关工具
- 功能结构图 - 根据缩进文本自动绘制系统功能结构图，支持任意层级与图片导出。
- AI 功能流程图 - 输入功能流程描述，由 AI 结构化生成现代风格流程图。
- CAD DWG/DXF 查看器 - 支持 DWG、DXF 图纸查看，选中图元即可查看长宽、长度、半径等尺寸。
- SQL 转 ER 图 - 一键将 SQL DDL 语句转换为 ER 图，支持 Chen 氏模型与超清图片导出。