我已经达到了我认为我需要你再次帮助的地步。我创建了3个svg矩形，我的目标是能够用线连接其中任意两个。问题是我的矩形是可拖动的，如果连接其中两个，它们需要保持连接。我做了一个jsbin测试它：
https://jsbin.com/moxiyugovo/edit?html,js,console,output
可以通过单击顶部的紫色图标，然后在要连接的形状上单击一次来完成连接。
我的问题是，通过这种方式，我可以用一条线连接2个形状，但是当我想要建立另一个连接时，前一行会消失。我知道发生这种情况是因为我为我创建的每一个新行使用相同的var名称（L），因此它们往往相互重叠。我该如何区分这些线？假设我想将2个蓝色矩形彼此连接，并且将2个红色矩形相互连接，并保持这样，以便如果拖动它们中的任何一个，则相应的线点“跟随”该形状。提前感谢任何查看它的人。
P.S。 ：用户需要选择要连接的形状，因此不能选择预先连接它们。
答案 0 :(得分：0)
我找到了一种方法，即使不推荐使用全局变量。它是功能性的，但我需要编辑它，并在我得到一些空余时间时使其更好。但对于任何对我的意思感兴趣的人来说，这是一个垃圾箱：