网络拓扑图制作工具
基于 Mermaid.js 在线绘制网络拓扑图，提供星型/总线型/环型/树型/网状模板与节点工具栏，支持实时预览与导出 SVG
Mermaid 语法编辑
拓扑图预览
工具介绍与功能
网络拓扑图制作工具基于 Mermaid.js 渲染引擎，帮助网络工程师、运维人员快速绘制网络拓扑结构图。提供星型、总线型、环型、树型、网状五大经典拓扑模板，配合节点工具栏一键插入路由器、交换机、服务器等设备节点。
-
五大模板：星型/总线型/环型/树型/网状拓扑一键套用
-
节点工具栏：路由器/交换机/服务器/防火墙/PC/云 一键插入
-
实时预览：编辑 Mermaid 语法即时渲染拓扑图
-
导出复制：支持下载 SVG 矢量图与复制源代码
安全保障
-
本地渲染：所有拓扑图在浏览器内渲染，数据不上传
-
即开即用：无需注册登录，无需安装任何软件
常见问题
什么是 Mermaid 语法？
Mermaid 是一种基于文本的图表描述语言，通过简洁的语法生成流程图、拓扑图、时序图等。本工具使用 graph 关键字描述网络拓扑，节点用方括号 [文字] 表示，连线用 --> 或 --- 表示。
如何自定义节点样式？
可在节点后添加样式定义，例如 R1[路由器] --> classDef router fill:#e0f2fe,stroke:#0284c7; class R1 router; 也可直接在节点文本中体现。本工具的节点工具栏已预置常见设备的节点定义。
下载的 SVG 如何使用？
SVG 是矢量图格式，可无损缩放。下载后可直接在浏览器打开查看，也可嵌入到 HTML/PPT/Word 文档中，或用 Illustrator/Inkscape 等工具进一步编辑。
网络拓扑图制作工具基于 Mermaid 图表语法，通过编写简洁的文本代码即可生成专业的网络拓扑图。节点用方括号表示、连线用箭头符号描述，无需拖拽绘图软件，代码即所得，修改拓扑结构只需编辑文本。
考虑到并非所有人熟悉语法，工具内置五大经典拓扑模板和设备节点工具栏，点击即可生成对应代码框架，再按实际环境修改节点名称就能直接使用；熟悉语法后还可以通过 classDef 语句自定义节点颜色与样式，突出核心设备与链路。
绘制完成的拓扑图可导出为 SVG 矢量格式，无损缩放，可直接嵌入 HTML 页面、Word 文档或 PPT 演示，也可导入 Illustrator、Inkscape 等设计工具二次编辑。全部编辑与渲染过程在浏览器本地完成。
适用于网络规划文档、机房架构示意图、运维交接文档、网络课程教学等场景，帮助工程师和教师快速产出清晰规范的拓扑图，完全免费在线使用。
常见问题
什么是 Mermaid 语法？
Mermaid 是基于文本的图表描述语言。本工具使用 graph 关键字描述网络拓扑，节点用方括号 [文字] 表示，连线用 --> 或 --- 表示，上手门槛低。
不会写语法也能画拓扑图吗？
可以。工具提供五大经典拓扑模板和设备节点工具栏，点击即可生成对应代码框架，再按实际环境修改节点名称即可。
下载的 SVG 如何使用？
SVG 是矢量图格式，可无损缩放，可直接在浏览器打开查看，也可嵌入 HTML、PPT、Word 文档，或用 Illustrator、Inkscape 等工具进一步编辑。
如何自定义节点样式？
可在代码中添加 classDef 样式定义，例如 classDef router fill:#e0f2fe,stroke:#0284c7; 再通过 class 语句将样式应用到指定节点。
隐私安全：本工具所有操作均在本地浏览器完成，您的数据不会上传到任何服务器。