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

Question

我有两个 div，Div1 和 Div2，我想画两条线，比如 Div1 到 Div2 和 Div2 到 Div1。我正在使用 jsPlumb for jquery 来绘制连接器。它只画一条带箭头的线，表示它是双向的。要求是显示两条不同的线。在 jsPlumb 中有没有办法做到这一点？

Answer 1

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

直到 jsPlumb 1.3.3 解决这个问题的方法是显式设置不同的锚点，如下所示：

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

（如果您使用的是jsPlumb.addEndpoint，同样的原则也适用）。

在 1.3.4 版本中，我将发布“连续”锚点，这些锚点可确保它们在每个元素上获得自己的位置，并且专为您遇到的问题而设计，因为像上面的示例一样设置所有内容会很无聊迅速地。

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