我已经达到了我认为我需要你的帮助的程度。我已经创建了3个svg矩形,我的目标是能够将任意两个这些矩形连接在一起。问题是我的矩形是可拖动的,如果它们中的两个连接,它们需要保持连接。我已经做了jsbin来测试它:Snap SVG:将拖动的形状与线条连接起来(即使在拖动后线条也应该保持连接)
https://jsbin.com/moxiyugovo/edit?html,js,console,output
的连接可以通过点击图标,紫色的顶部,然后你要连接的形状点击一次完成。
我的问题是,用这种方法我可以用一条线连接2个形状,但是当我想建立另一个连接时,上一行消失。我意识到发生这种情况的原因是我为每个创建的新行使用相同的var名称(L),因此它们倾向于彼此重叠。我怎样才能区分这些线?比方说,我想将两个蓝色矩形相互连接,将两个红色矩形相互连接起来,并保持这种方式,以便拖动它们中的任何一个时,相应的线条点会“跟随”形状。预先感谢任何检查出来的人。
P.S. :用户是需要选择要连接的形状的用户,因此预先连接它们不是一种选择。