移动形状后，要重新布置 draw.io 连接线，请使用 Auto-route around shapes 来自动避开障碍物。对于其他连接线，请使用手动路径点创建独立路径，或使用线条跳跃标示清楚交叉处。

选择所需的布线路径结果

本指南适用于在 Mac 上使用 draw.io Desktop 编辑现有图表的用户。此任务旨在重新排列形状后恢复清晰易读的连接，同时确保每条连接线仍连接到预期的节点。

首先确定障碍物。连接线穿过矩形时，需要采用不同于两条连接线在空白区域交叉时的处理方式。官方文档介绍了如何自动绕开形状，但并未承诺自动消除所有连接线交叉或共用线段。若要指定绕过另一条线的路径，请使用手动路径点。若交叉可以接受，则使用线条跳跃。请参阅 draw.io 的自动布线文档和连接线样式参考。

本指南将始终使用以下合成示例：在左侧放置 Node A，右侧放置 Node B，并在两者之间添加一条连接线。在两者之间放置 Node C 作为障碍物。再添加一条连接线，连接上方的 Node D 和下方的 Node E。第一个问题是如何避开 Node C；第二个问题是确定两条连接线应如何交错通过。

准备 Mac 桌面编辑器

打开图表并选择需要调整的连接线。如果格式面板处于隐藏状态，请选择 View > Format 或按 Cmd+Shift+P。布线控件位于面板的 Style 选项卡中。设置图表样式文档介绍了这些面板控件和 Mac 快捷键。

如果找不到自动布线选项，请通过 Help > Check for Updates 检查应用更新，并按提示操作。这是文档所述的 draw.io Desktop 更新流程。draw.io 在2026 年 10 月 13 日的连接线更新公告中介绍了自动避开形状的功能，因此较早的说明可能描述的是另一种工作流程。

自动布置连接线以避开形状

  1. 选择连接 Node A 和 Node B 的连接线。
  2. 在格式面板中打开 Style 选项卡。
  3. 打开 Waypoints 下拉菜单。
  4. 选择 Auto-route around shapes。

生成的路径会采用直角弯折。官方连接线更新指南介绍了这些步骤，并说明当连接的形状移动、调整大小、旋转、对齐或分布，以及形状移到路径上或移离路径时，路线都会更新。

在示例中，将 Node C 移到 Node A 和 Node B 之间的区域。拖动形状时及松开鼠标后，检查连接线的路线。这样可以有针对性地确认：连接线是否避开了障碍物，同时仍连接到预期的两个节点？请先完成这项检查，再调整第二条连接线，确保每次编辑都有明确目的。

若要使用自动布线，请避免拖动连接线本身。手动更改连接线的路径会关闭该连接线的自动布线功能。该公告也说明了这一行为。之后若要重新自动避开形状，请再次选择自动布线选项。

有一种文档说明的例外情况：对于自动排列内容的容器内的连接线（例如列表形状或布局形状中的连接线），自动布线不会生效。如果连接线看似没有响应，请先检查是否属于这种情况，再反复更改设置。请参阅自动布置连接线以绕开形状。

仅布线一次，同时保持形状位置不变

对于节点位置已确定的图表，一次性布线可能比持续更新更实用。

  1. 选择要修复的连接线。如果未选择任何连接线，该操作会对所有连接线进行布线。
  2. 选择 Arrange > Layout > Orthogonal Routing。
  3. 输入连接线与形状之间所需的 Spacing。
  4. 点击 OK。

此操作会保持形状原位，并创建带有路径点的正交连接线。完成后，这些连接线不会继续自动重新布线。操作步骤和适用范围见应用“正交布线”布局以仅重新布线一次。

将间距值视为一种布局选择。在合成示例中，检查 Node C 周围的间隙，然后查看相邻连接线和标签。较大的间隙可能让局部看起来更清晰，但会使整体路线变长。请根据最终图表来选择，不要假定某个间距值适用于所有布局。

使用手动路径点绕过另一条连接线

如果第一条连接线必须沿着特定通道绕过第二条连接线，请手动控制它的路径：

  1. 选择要调整的连接线。
  2. 将蓝色控制点或连接线的一段拖向预期的通道。
  3. 或者，在现有路径点之间单击右键，然后选择 Add Waypoint。
  4. 若要精确放置，请打开 Arrange，展开 Waypoints，然后编辑各个路径点的 Left 和 Top 坐标。

添加手动路径点会关闭自动布线。这些控件详见使用连接线上的路径点更改路径。

以 Node A 和 Node B 为例，设想 Node C 下方有一条空闲通道。引导连接线向下进入该通道，沿通道横向延伸，再折回 Node B。之后检查整条路径。将某一段移离垂直连接线，可能会在其他位置产生新的交叉；局部绕行后需要检查整条路线。

如果节点位置导致没有合适的通道，可以考虑移动一个节点来腾出空间。路径点能让你指定路线，但图表仍需要足够的空白区域，才能让路线清晰易读。

若要删除旧的绕行路径，请右键单击连接线并选择 Clear Waypoints。连接线会恢复为形状之间的最短路径；这并不意味着它会避开障碍物。标签会留在原位，因此重置后请检查标签。另请参阅同一份路径点文档。

使用线条跳跃标示无法避免的交叉

如果水平和垂直连接线可以交叉，请选择其中一条，并在 Style 选项卡中使用 Line jumps。可选显示方式包括 arc、gap 和 sharp，以及默认的 overlapped 显示方式。这些选项详见设置连接线样式。

线条跳跃会改变交叉处的显示方式，但不会创建独立通道。如果交叉本身可以接受，请使用线条跳跃。如果两条连接线共用一段线条，最好使用手动绕行，让读者能分别追踪每条连接。

确保下次编辑后修复的路线仍然实用

对于手动布线的连接线，请决定弯折是应留在图表周围原处，还是随连接的节点移动。若要让路径点随端点移动，请选择连接线，并在 Style > Effects 下启用 Follow Terminals。正交连接线会保留直角弯折。相关行为详见连接线更新指南。

添加更多弯折前，也请检查连接线端点。浮动连接线可以沿形状的周边移动；固定连接线则会保持连接在特定位置。这一区别可能解释连接线为何以别扭的角度接近节点。官方连接线指南介绍了这两种连接方式。

最后，从起点到终点逐条追踪连接线。分别检查障碍物间隙、交叉、共用线段和标签位置。在合成示例中，成功的标准是：Node A 和 Node B 之间的连接能清晰地绕过 Node C，并且它与 Node D 和 Node E 之间连接的关系也一目了然。请根据具体效果选择自动布线、手动通道或清晰标示的交叉。

来源