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

【问题标题】：How to draw two different lines between two objects using jsPlumb如何使用jsPlumb在两个对象之间绘制两条不同的线
【发布时间】：2011-12-08 07:14:27
【问题描述】：

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

【问题讨论】：

标签： jquery lines jsplumb

【解决方案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 应该会在大约一周后发布。

【讨论】：