网络拓扑图制作工具

基于 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 等工具进一步编辑。