jsplumb - 从div的所有边拖放连接

Question

我正在使用jsplumb制作流程图编辑器。在jsplumb的流程图连接器演示中，我们可以从div的一侧进行拖放连接，我希望该div能够接受并从所有四个方面进行连接。

谢谢。

Answer 1

，那么你应该使用动态锚：

这些是锚可以是positi在多个位置中选择一个，每当某物移动或涂在UI中时，选择一个最合适的位置。

创建DynamicAnchor没有特殊的语法;你只需要提供个人静态锚规格

数组要避免这种情况，你可以使用默认的动态锚替代

jsPlumb提供了一个名为从TopCenter，RightMiddle，BottomCenter并选择“AutoDefault”动态锚LeftMiddle

例如添加时，端点可以像来指定这样的：

 var anEndpoint = { 
      endpoint: "Rectangle", 
      isSource: true, 
      isTarget: true, 

      anchor:"AutoDefault" 
     }; 

要尝试一下，use this fiddler

Refer to jsPlumb docs for more info

Answer 2

使用endpointoption

，并设置isSource：真，isTarget：真

使如果你想端点移动到div的任一侧每个端点既发挥作用