如何连接SVG标签中的两个元素？

Question

我有一个中央SVG标签，其中动态绘制多个元素，如rect，circle等。我该如何连接这两个。

我尝试使用jsPlumb但jsPlumb博客的this页面指出

  

问题   您不能直接连接两个rect元素（或任何SVG形状）。这是因为SVG元素内部的形状不具有与所有其他DOM元素相同的定位信息。所以现在考虑你有这个标记：

我两天来一直在研究寻找方法但所有图书馆要么将两个DIV连接在一起，要么将两个SVG标签连接在一起。有没有办法将SVG ELEMENTS连接在一起？

Answer 1

我认为您的link（在“解决方案”部分）中介绍了一种解决方案。您需要定义计算每个形状的偏移量的方法，然后重写一些jsPlumb方法（getOffset和getSize）。

然后，您将能够使用JSplumb连接矩形。