2013-02-02 40 views
3

是的,所以我一直在玩jsPlumb。假设我有一个有两个端点的div;一个TopCenter,一个底层中心。jsPlumb新建连接处理程序:如何获取端点锚点位置?

创建新连接时,我可以使用下面的函数绑定到该事件。我的问题是,我如何获得端点的主播位置?我确实获得了Source和TargetEndpoint对象,但是在查看文档时,我没有看到获取锚定位置的方法...

谢谢!

jsPlumb.bind("jsPlumbConnection", function(connectionInfo) { 
/* 
         connection   : the new Connection. you can register listeners on this etc. 
         sourceId  : id of the source element in the Connection 
          targetId  : id of the target element in the Connection 
          source  : the source element in the Connection 
          target  : the target element in the Connection 
          sourceEndpoint : the source Endpoint in the Connection 
          targetEndpoint : the targetEndpoint in the Connection 
          */ 
}); 

回答

1

我发现了以下问题的解决方案: 的console.log( '锚:%0%O',connectionInfo.sourceEndpoint.anchor.x,connectionInfo.sourceEndpoint.anchor.y);

通过获取端点的x和y坐标,我知道锚的位置,并可以使用它来重新创建图。

4

connectionInfo.connection.endpoints[0].anchor.type是源头位置。 connectionInfo.connection.endpoints[1].anchor.type是目标位置。