我已經達到了我認爲我需要你的幫助的程度。我已經創建了3個svg矩形,我的目標是能夠將任意兩個這些矩形連接在一起。問題是我的矩形是可拖動的,如果它們中的兩個連接,它們需要保持連接。我已經做了jsbin來測試它:Snap SVG:將拖動的形狀與線條連接起來(即使在拖動後線條也應該保持連接)
https://jsbin.com/moxiyugovo/edit?html,js,console,output
的連接可以通過點擊圖標,紫色的頂部,然後你要連接的形狀點擊一次完成。
我的問題是,用這種方法我可以用一條線連接2個形狀,但是當我想建立另一個連接時,上一行消失。我意識到發生這種情況的原因是我爲每個創建的新行使用相同的var名稱(L),因此它們傾向於彼此重疊。我怎樣才能區分這些線?比方說,我想將兩個藍色矩形相互連接,將兩個紅色矩形相互連接起來,並保持這種方式,以便拖動它們中的任何一個時,相應的線條點會「跟隨」形狀。預先感謝任何檢查出來的人。
P.S. :用戶是需要選擇要連接的形狀的用戶,因此預先連接它們不是一種選擇。