流程图编辑器：图形、箭头和是/否标签，直接在浏览器中完成。

流程图在您的浏览器中绘制，不会发送到任何地方。

编辑器能做什么

ISO 5807 标准的符号，会自动绕开图形并贴合图形边的箭头，以及判断出口上的“是/否”标注。“+”按钮会放置下一个已连好的图形，“自动排列”会整理整张流程图。流程图在编辑过程中自动保存在浏览器里，可以下载为 PNG、SVG、PDF 或 Mermaid 代码。

示例： 奇数还是偶数 三个数中的最大值 从 1 加到 N 密码检查

如何把流程图插入 Word 或 Google Docs

  • Word 2019 和 Microsoft 365：用 SVG。像普通图片一样插入，任何缩放下都清晰。
  • Google Docs 和旧版 Word：用 300 dpi 的 PNG。宽度选择“A4，Word 默认页边距”或“US Letter”，图片会正好占满正文宽度。
  • LaTeX：用与流程图同大的 PDF，\includegraphics 插入后不会变模糊。
  • 最快的方法：在“下载”窗口中点“复制图片”，然后在文档里按 Ctrl+V。

在这里下载的 PNG 和 SVG 里嵌有流程图本身：把文件拖回画布即可继续编辑。

流程图符号及其含义

名称与图形面板中的一致。前五个几乎每道课堂题都会用到，其余的用于符合 ISO 5807 的流程图。

图形 名称 何时使用
开始 / 结束 算法的开始和结束，子程序的入口和出口。
处理 计算或任何操作：赋值、运算、命令。
判断 条件判断：菱形有两个出口，“是”和“否”。
输入 / 输出 输入和输出数据，不限介质。
子程序 调用另外说明的子程序或函数。
准备 循环前的准备：设置初值，例如 i = 1。
循环开始 循环的上边界，与同名的“循环结束”成对。
循环结束 循环的下边界；退出条件写在其中一个边界里。
连接符 连线中断：箭头从标记相同的连接点继续。
跨页连接符 跳转到另一页。常见于教材；ISO 5807 只有普通连接点。
注释 对图形的注释，用虚线与图形相连。
人工输入 手动输入的数据，例如用键盘输入。
人工操作 由人完成的操作。
文档 纸上的数据：打印件、表格、报告。
显示 显示在屏幕上的数据。
存储数据 存储的数据，不限介质。
内存储器 内存中的数据。
顺序存取存储器 按顺序读取的介质上的数据，例如磁带。
直接存取存储器 可直接访问的介质上的数据，例如磁盘。
穿孔卡 穿孔卡片上的数据。
穿孔带 纸带上的数据。
并行方式 同时进行的多个操作的开始或结束。
省略 流程图中不完整画出的部分。

符合 ISO 5807 的流程图

面板里的“ISO 5807”样式按标准设置图形比例：高 a、宽 1.5a，a 为 15 到 30 毫米，文字 10 到 14 pt，箭头只画在逆流方向或所有连线上。这种样式下图形不会随文字变大：文字放不下时，提示会告诉您。

提示图标会指出流程图与标准不符的地方：判断的出口少于两个、出口没有标注、图形没有入口或出口、缺少开始或结束。

用 Mermaid 代码生成流程图

让聊天机器人用 Mermaid 代码画一张流程图，然后把整个回答粘贴进来，代码周围的文字也没关系：点“粘贴代码”，或直接在画布上按 Ctrl+V。图形、箭头和标注都会带过来，布局自动完成。反过来，在“下载”窗口中点“复制 Mermaid 代码”。

快捷键

  • Enter — 编辑图形文字
  • Ctrl + Enter — 结束文字并放置下一个图形
  • Ctrl + ←↑→↓ — 朝该方向添加已连接的图形
  • ←↑→↓ — 移动所选内容
  • Shift + ←↑→↓ — 以更大步长移动
  • Ctrl + Z, Ctrl + Shift + Z — 撤销和重做
  • Ctrl + D — 复制一份
  • Delete — 删除
  • Space + 拖动 — 移动画布
  • Ctrl + 鼠标滚轮 — 缩放

想用代码验证算法本身，可以打开 Python 在线环境.

常见问题

有水印吗？

没有。PNG、SVG 和 PDF 下载后都很干净，没有水印，也不用注册。

我的流程图保存在哪里？

只保存在您的浏览器里，不会发送到任何服务器。空间不足或长时间未打开本网站时，浏览器可能删除网站数据，所以重要的流程图请下载为文件：在“下载”窗口或“我的流程图”中点“下载流程图文件”。

手机上能用吗？

能。用手指拖动图形，在空白处拖动可移动画布，双指缩放。双击打开文字编辑，长按打开操作菜单，图形在底部的面板里。

如何画出符合 ISO 5807 的流程图？

选择“ISO 5807”样式，设置尺寸 a 和字号，再根据提示检查流程图。用于作业或论文时，下载 300 dpi 的 PNG 或 SVG。

为什么 PDF 里的文字不能选中？

PDF 中的文字以轮廓绘制，所以即使没有我们的字体，流程图在任何电脑上都显示一致。如果需要可选中的文字，请勾选“保留为文字”后下载 SVG。

图形里可以用哪些语言写字？

网站支持的任何语言都可以，包括从右向左书写的文字以及中文和日文字符：Noto 字体会根据您的文字加载。乌尔都语用纳斯赫体书写，而不是纳斯塔利格体，因为纳斯塔利格字体超过 1 MB。表情符号和其他文字系统的字符在 PNG 中以系统字体显示，在 PDF 中不会出现；“下载”窗口会提醒您。

流程图最大能有多大？

没有限制。有 200 个图形和 300 个箭头的流程图，即使在较慢的手机上也能流畅移动：拖动时箭头画成简单的折线，松开图形后再计算精确路径。

这是免费的吗？

是的，完全免费，无需注册。工具完全在您的浏览器中运行：文件从不上传到服务器，因此服务器既不消耗 CPU 也不消耗流量——没有什么可收费的。没有水印，文件大小和数量都不受限制。