关于在线画流程图与在线思维导图生成器
流程图（Flowchart）是利用图形符号形象地表达工作流程或业务步骤的直观表达工具。我们的流程图在线制作平台，是一款完全运行于浏览器端的免安装在线工具。无论您是需要画一个简单流程图、设计复杂的程序流程图，还是梳理系统架构的软件流程图，都可以通过本工具快速实现高效的流程图制作。
通过流程图在线制作，您可以摆脱传统桌面软件繁重的下载与付费限制。所有的在线流程图绘制数据均安全存在您的本地，纯前端机制保证绝不上传任何隐私。不仅如此，作为轻量级的在线思维导图生成器，工具支持一键导出为高清 PNG、矢量级无损 SVG 等不同格式，方便插入演示文档与各类工作汇报。
在线流程图简明使用指南
极速拖拽排版
点击左侧元件库快速添加矩形、菱形、平行四边形到画布，通过鼠标或手指轻松在画布上任意拖动，调整拓扑节点布局。
连线自适应追踪
鼠标移入图形，通过四周冒出的锚点即可向其它图形拖出连线，连线会自动贴合并支持输入“是/否”等判断性文本。
高清矢量图导出
支持最高清晰度无背景 PNG 图下载，以及能够直接嵌入网页的无损 SVG 矢量大图，支持复制为 JSON 工程随时二次载入。
流程图常用图形标准规范
标准流程图使用统一规范的几何图形来代表不同的处理动作，以便跨行业团队之间能够无缝理解其脉络。以下为主要常见标准：
| 图形样式 | 专业名称 | 具体标准用途说明 |
|---|---|---|
| 圆角矩形 (Pill) | 起止框 (Terminator) | 代表一个工作流程的“开始”或“结束”节点，通常是整个图表的头尾。 |
| 标准矩形 (Rectangle) | 处理步骤 (Process) | 代表一般的单一操作、任务步骤、计算逻辑或指令，是最常用的通用节点。 |
| 菱形 (Diamond) | 决策判断 (Decision) | 代表一个判断分叉点，内部通常写疑问句。其分支连线上需要标注“是/否”或分支结果。 |
| 平行四边形 (Parallelogram) | 数据输入/输出 (Data) | 代表从外界载入数据（输入）或向外界展示、保存并导出结果（输出）的动作。 |
| 双扁圆柱 (Cylinder) | 数据媒介 (Database) | 代表将数据进行永久化归档，或者是向关系型/非关系型数据库进行读写存储的步骤。 |
关于流程图的常见问题 (FAQ)
1. 什么是流程图？它有哪些主要作用？
流程图是用标准几何图形连接起来的步骤图，用来表达某项活动的工作流程、软件系统的算法逻辑、商业流转审批等。它的主要作用是把繁琐混乱的文字步骤化繁为简、可视化，使团队成员能够非常快速达成直观共识，降低沟通成本。
2. 这个在线流程图制作工具是免费的吗？我的数据安全吗？
是的，本款免费流程图软件完全免费，无需注册且无广告拦截。工具依托纯前端技术构建，所有的绘图计算、历史缓存、样式修改、以及图片导出全部在您的浏览器里完成。由于不上传数据到云端，我们无法获取您的流程图，100%保障您的隐私安全。
3. 如何在流程图的不同图形间创建连接线？
非常简单：您只需将鼠标移到任何图形上，它的四周会立刻浮现4个淡蓝色的“连接锚点（小圆圈）”。点击其中一个锚点，拖拽出一条虚线到另外一个图形的任意锚点上，松开鼠标或手指，一条漂亮的带有箭头的折线/曲线便建立完成了。
4. 支持哪些常用的键盘快捷键操作？
为了极速提升画图效率，我们全面适配了常用键盘组合：
• Ctrl + Z：撤销上一步操作。
• Ctrl + Y：重做撤销的一步。
• Delete 或 Backspace：快速删除当前选中的图形或选中的连接线。
• ESC：退出当前的节点双击文字编辑状态。
5. 如何编辑连接线上的判断文字（如“是”或“否”）？
单击选中需要标注的连接线（线条会变成高亮的蓝色），右侧就会自动浮现“属性面板”，在其顶部的“连接线文字”输入框内打字，内容便会实时呈现在连线的正中间，极其方便。
6. 导出的无损 SVG 和 PNG 分别适用于什么场景？
• PNG（高清图片）：适合大部分常规办公。可以直接贴进 Word、PPT 或发送给微信/钉钉群里的同事阅读。
• SVG（矢量文件）：适合有高质量缩放需求或二次设计需求的场景。它是纯数学矢量代码渲染，不管拉大多少倍，线条和文字都会绝对清晰不模糊，非常适合印刷和设计师修改。
7. 画到一半的流程图，怎么保存进度防止丢失？
您只需在右上角点击“导入/导出”按钮下的**“导出 JSON 工程文件”**，就可以把整个画布的排版、数据打包下载成一个 `.json` 格式的文件保存在本地硬盘中。下一次打开网页时，选择**“导入 JSON 工程”**选中该文件，即可瞬间完美还原上一次的全部设计进度。
8. 如何自定义节点中几何图形的尺寸大小？
单击想要改变尺寸的图形（四周出现蓝色高亮框），在右侧面板的“节点尺寸”一栏，您可以手动输入或点击微调“宽度 (W)”和“高度 (H)”对应的像素大小，图形就会随着您的设置实时改变宽高比例。