加载中...
加载中...
在线绘制流程图、UML、网络拓扑、思维导图等专业图表
拖拽左侧形状库到画布 · Ctrl+Z 撤销 · Ctrl+Shift+Z 重做 · Ctrl+S 保存到浏览器
本工具是专业图表编辑器，支持流程图、UML类图、网络拓扑图、思维导图、ER图、组织架构图等多种图表类型。
首次加载编辑器时会下载资源文件，之后浏览器缓存可秒开。
当导出为XML 与「内嵌源数据」类型的图片或文件可再次托入继续编辑。所有操作在浏览器本地完成。
本工具通过 iframe 嵌入私有化部署编辑器，提供完整的拖拽编辑体验。左侧形状库包含数百种预设图形，拖拽到画布即可使用，支持自由连线、文字编辑、颜色填充。
内置 6 大类共 15 个预设模板（流程图/UML/网络拓扑/思维导图/ER图/组织架构），点击即可加载到编辑器，快速开始绘图。
编辑器支持正交连线、曲线连线、直线等多种连线方式，形状可自由缩放旋转，支持分组、图层管理、对齐吸附等专业功能。
支持导出 PNG、JPEG、WebP、SVG、PDF、HTML、XML 等 9 种格式：图片适合分享，SVG 矢量可无损缩放，PDF 便于打印存档，HTML 双击即可查看，XML 与「内嵌源数据」图片可再次托入继续编辑。所有操作在浏览器本地完成。
打开工具即可看到编辑器本体，左侧是形状库，中间是画布，直接拖拽形状到画布开始绘图。
点击顶部「快速模板」按钮，选择预设模板一键加载，站在已有基础上修改比从零开始更高效。
双击形状可编辑文字，拖拽形状边缘可调整大小，从形状边缘拖出连线可建立连接。
点击顶部「导出」按钮，在下拉菜单中按需选择：图片（PNG/JPEG/WebP）、矢量（SVG）、文档（PDF/HTML）、源文件（XML），以及带源数据的 PNG/SVG（拖回编辑器可继续编辑）。
想了解更多操作细节、实用技巧与常见疑问？欢迎查看我们的完整使用教程， 从零到一带你把这个工具用熟用透。
在线图表编辑器使用教程本工具是拖拽式编辑器，适合复杂自由布局的图表；Mermaid 是代码驱动，适合简单图表和技术文档配图。两者互补。
是的。本工具通过 iframe 嵌入，所有编辑操作在浏览器本地完成，图表数据不会上传到任何服务器。
支持流程图、UML类图/用例图/时序图、网络拓扑、思维导图、ER图、组织架构图、甘特图、电路图等数十种专业图表。
共 9 种：PNG、JPEG、WebP 图片，SVG 矢量图，PDF 文档，HTML 网页，XML 源文件，以及带源数据的 PNG/SVG（拖回编辑器可继续编辑）。
PNG/JPEG/WebP 为位图，适合屏幕展示与分享；SVG 为矢量格式，可无损缩放，适合插入文档或印刷；PDF 便于打印与存档。
支持。导出菜单提供 PDF（图片型），适合打印与存档；如需可选中文字的矢量 PDF，建议先导出 SVG 再在专业工具中转换。
所有数据在浏览器本地处理，可通过 Ctrl+S 保存到浏览器本地存储，也可导出 XML 文件保存到本地。