jquery - 如何使用 jsPlumb 在两个对象之间绘制两条不同的线

Question

我有两个div，Div1和Div2，我想画两条线，例如Div1到Div2和Div2到Div1。我正在使用 jsPlumb for jquery 来绘制连接器。它只绘制一 strip 箭头的线，表明它是双向的。要求是显示两条不同的线。在 jsPlumb 中有什么方法可以做到这一点吗？

Answer 1

听起来您对两个连接使用相同的 anchor ，因此两个连接被绘制在彼此之上。

到 jsPlumb 1.3.3 为止，解决这个问题的方法是显式设置不同的 anchor ，如下所示:

jsPlumb.connect( { source:"div1", target:"div2", anchors:["BottomLeft", "TopLeft"] });
jsPlumb.connect( { source:"div2", target:"div1", anchors:["BottomRight", "TopRight"] });

(如果您使用 jsPlumb.addEndpoint，则适用相同的原则)。

在版本 1.3.4 中，我将发布“连续” anchor ，这些 anchor 确保它们在每个元素上都有自己的位置，并且是专门针对您遇到的问题而设计的，因为像该示例一样设置所有内容上面很快就会变得无聊。

1.3.4 应该在大约一周后发布。