在svg中的兩個對象之間創建線條

如何在兩個對象之間創建線條/路徑。路徑/線的起點和終點不應該在相應對象的中心開始/結束。下面我附上示例的截圖。我需要計算邏輯在任何位置找到紅線。黑線是錯誤的。在svg中的兩個對象之間創建線條

它純粹是基於SVG不HTML元素。

在此先感謝

2016-09-29 Vijay Baskaran

你並不需要爲SVG做到這一點，只是改變對象的順序。對於規則svg，我使用[raphael.js]（http://dmitrybaranovskiy.github.io/raphael/）。它具有函數'el.insertAfter（）; el.insertBefore（）; el.toBack（）; el.toFront（）;'用於控制對象的順序。 – imbearr

謝謝@imbearr。沒有任何圖書館有什麼辦法可以做？ –

剛剛讀過/追加你想要的東西到它的父母我認爲（例如obj 1＆3），這將把它們放在DOM中，所以這行會出現在這些對象的後面。 – Ian

我找到了解決方案，沒有使用基於給定的下面的URL的任何庫。

URL 1：How to find the intersection point between a line and rectangel

URL 2：Calculating the intersection of two lines

來源

2016-10-21 04:56:12

在svg中的兩個對象之間創建線條

回答

相關問題