工程图编辑器

用带名称的方框和有向连接建立流程图或架构图。

加载示例或添加方框,填写有意义的名称。图较大时,用查找定位名称或稳定 ID。

在浏览器中运行,不上传图表。不需要账号、Python 或 GPU。

点击生成时从本站加载排列引擎,图表输入仍保留在当前设备。

1. 描述你的图表

修改方框文字,选择连接,再生成图表。标题和标签最多各 200 个 UTF-16 单位;部分表情占多个单位。

前往预览

方框

连接

编辑连接
返回方框
使用 AI 助手提供的 JSON

粘贴版本 1 的图表 JSON。无效 JSON 不会替换现有表单。这里不会调用 AI 模型。

删除方框会保留连接供修正。修改后需重新生成才能导出。输入仅保存在内存中,离开或刷新页面即清除。

2. 检查并导出

SVG · 可编辑文字

核对原始标签和连接

JSON 保留原始 ID、完整标签和有向连接。分享前请核对。

返回编辑

分享前请核对含义。其他 SVG 查看器的字体可能不同,密集的箭头可能重叠。这里排列流程或依赖关系图,不模拟时序图或电路。

需要支持 Canvas、Web Workers 和 Intl.Segmenter 的现代浏览器。

排列引擎与源码许可
使用说明

工程图编辑器是什么?

用带名称的方框和有向连接建立流程图或架构图。编辑结构、检查布局,再保存 SVG 和带版本号的 JSON。它负责排版,不推断遗漏步骤,也不认证工程设计是否正确。

操作步骤

  1. 加载示例或添加方框,填写有意义的名称。图较大时,用查找定位名称或稳定 ID。
  2. 添加连接并选择起点和终点,再选择从上到下或从左到右。删除方框后保留连接,便于修正端点或恢复方框。
  3. 生成后核对名称和箭头方向。适应视图用于总览,实际大小可滚动查看。结构检查通过不代表密集箭头一定清晰。
  4. 下载 SVG 和 JSON。重新应用 JSON 可恢复可编辑结构;在其他编辑器里修改 SVG 不会同步修改 JSON。离开前保存副本。

参数怎么选

选项取舍与影响
流程 / 架构都使用命名方框和有向连接。选择类型不会增加时序、电路或其他领域的校验规则。
TB / LR从上到下 / 从左到右。界面语言不会反转图的布局方向。
查找和分页每页编辑 10 项。筛选只改变显示的控件,生成和导出仍包含完整图。
SVG / JSONSVG 包含矢量形状和文本。JSON 保存版本 1 的 ID、标签和端点,不保存生成的坐标。

示例与预期结果

一个审核流程有 3 个方框和 2 条有向连接,导出包含全部 3 个方框和两条连接。查找并重命名一个方框,重新生成,再在 JSON 中核对新标签及未改变的连接端点。数量用于说明流程,不预测图的尺寸或耗时。

失败后怎么办

  • JSON 有待应用修改时,先应用或放弃再生成。报错会指出源路径,修正后重试。
  • 端点缺失时,恢复被删除的方框或改选已有端点,不会静默删除连接。
  • 超时或输出超限时,取消并简化已保存的副本,再重试。输入变化会使旧结果失效,只有当前成功结果可以下载。
  • 清除后可在当前页恢复一次。离开或刷新会释放任务,不自动保存。无法使用剪贴板时,选中 JSON 后用浏览器复制快捷键,或直接下载。
  • 保存输入 JSON 会保留有效、可编辑的图表,不含排列坐标。引擎未能加载时,先保存再刷新,然后使用“打开 JSON 文件”。保存前请应用或放弃尚未应用的 JSON 草稿。文件导入仅接受不超过 1,000,000 字节的 UTF-8 JSON;无效文件不会改变表单。可取消读取,编辑输入也会使旧读取失效。输入不会上传或自动保存。

格式与限制

通过表单或版本 1 JSON 输入,最多 1,000,000 个 UTF-8 字节。支持 1–100 个方框、0–200 条连接。标题和标签最多 200 个 UTF-16 单位;标题和方框标签不能为空,连接标签可以为空。ID 为 1–40 个 ASCII 字母、数字、_ 或 -,须以字母开头。

布局在 15 秒后停止。输出每边最多 16,384 像素,总面积最多 64,000,000 像素,SVG 最多 5,000,000 字节。拒绝未知字段或版本、重复 ID 和不存在的端点。不导入 Mermaid、CAD 或电路文件。

不需要 GPU 或 Python。固定的同源资源在浏览器 Worker 中排版。SVG 保留文本,不转为路径,其他查看器的字体可能改变外观;请在最终使用的软件中检查 SVG。

常见问题

会替我完成工程设计吗?

不会。方框、标签和连接由你提供,检查针对源结构和输出边界,不判断设计本身是否正确。

应该选哪种方向?

纵向流程选 TB,横向依赖链选 LR。重新生成后检查是否适合最终使用位置。

结构正确的图为什么仍然拥挤?

完整连接仍可能视觉重叠。缩短标签、简化副本,并在分享前检查实际大小。

为什么无法生成或 JSON 被拒绝?

先应用或放弃待处理 JSON,再检查报错路径、版本、数量限制、ID 唯一性及连接端点是否存在。

图会上传或发送给 AI 吗?

不会。源数据和结果只在页面内存中,固定排版资源从本站加载,不调用模型。助手可以为你准备同一格式的 JSON,但本页不连接你的 AI 账号。