Mermaid图表使用教程

是的，所有渲染在浏览器本地完成。

本教程演示如何用Mermaid图表工具在线渲染流程图、时序图、ER图等技术图表并导出。

Mermaid 是用文本写图表的 DSL，几行代码就能生成流程图、时序图等。本教程带你从模板开始，快速上手。

与拖拽编辑器不同，Mermaid 的优势是代码即图、可版本管理，技术文档配图尤其高效。

详细使用步骤

点击上方模板按钮（流程图/时序图/ER图等），加载示例代码到左侧编辑器。

修改左侧 Mermaid 语法代码，右侧自动实时渲染。语法类似 Markdown，学习成本低。

Ctrl+滚轮缩放预览区，拖拽平移查看细节。红色提示为语法错误，修改代码自动重渲染。

点击「SVG」下载矢量图（适合嵌入文档），或「PNG」下载位图（适合分享）。

Mermaid 适合代码驱动的技术文档配图；draw.io 适合复杂自由布局。两者互补。

流程图、时序图、类图、状态图、ER图、甘特图、饼图等14+种。

是的，所有渲染在浏览器本地完成。

现在就去使用这个工具

加载中...