2016-11-24 19 views
0

我已经达到了我认为我需要你的帮助的程度。我已经创建了3个svg矩形,我的目标是能够将任意两个这些矩形连接在一起。问题是我的矩形是可拖动的,如果它们中的两个连接,它们需要保持连接。我已经做了jsbin来测试它:Snap SVG:将拖动的形状与线条连接起来(即使在拖动后线条也应该保持连接)

https://jsbin.com/moxiyugovo/edit?html,js,console,output

的连接可以通过点击图标,紫色的顶部,然后你要连接的形状点击一次完成。

我的问题是,用这种方法我可以用一条线连接2个形状,但是当我想建立另一个连接时,上一行消失。我意识到发生这种情况的原因是我为每个创建的新行使用相同的var名称(L),因此它们倾向于彼此重叠。我怎样才能区分这些线?比方说,我想将两个蓝色矩形相互连接,将两个红色矩形相互连接起来,并保持这种方式,以便拖动它们中的任何一个时,相应的线条点会“跟随”形状。预先感谢任何检查出来的人。

P.S. :用户是需要选择要连接的形状的用户,因此预先连接它们不是一种选择。

回答

0

我找到了一种方法来做到这一点,即使不推荐使用全局变量作为行。它是功能性的,但是我需要编辑这个,并在我有空闲时做好它。但对于任何对我的意思是感兴趣的人来说,这里是一个垃圾箱:

https://jsbin.com/gudabijatu/edit?html,js,output