jsPlumb:使触摸更容易的大型端点

Question

我的实现有两个元素列表，您基本上将左侧列表中的项目连接到右侧列表中的项目。

我们已将端点设置为透明，因此在桌面上看起来您只是从一侧的元素拖动到另一侧。

它在桌面上工作得很好，但在触摸设备上，我们需要端点准确地覆盖它所连接的元素的空间，以便它按用户期望的方式工作。所以实际上整个元素变成了一个端点。

我可以通过使端点成为相同大小的矩形并锚定在中心来实现这一点，但我想锚定在右/左。如果我锚定在右/左，那么我的大端点将覆盖元素的一半。

有没有一种锚定在右/左但端点完全覆盖元素的方法？或者以某种方式偏移端点以便它仍然覆盖元素？

提前感谢您的帮助

顺便说一句，jsPlumb 很棒

Answer 1

您可以使用透明图像来做到这一点。我就是这样做的。

     endpoint:[ "Image", { src:"/javascript/project/img/c.png",
                                             cssClass:'node' } ]