移動圖形後若要重新繞行 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 之間連線的關係也很清楚。請根據實際結果，選擇自動繞線、手動通道或清楚標示的交叉方式。

來源