jsPlumb新连接处理程序:如何获取端点锚点位置?

时间:2013-02-02 18:56:44

标签: jsplumb

是的,所以我一直在玩jsPlumb。假设我有一个有两个端点的div;一个TopCenter,一个BottomCenter。

创建新连接时,我可以使用下面的函数绑定到该事件。我的问题是,如何获得端点的锚定位置?我确实得到了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
                          */
});

2 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:1)

我找到了以下问题的解决方案:     console.log('anchors:%o%o',connectionInfo.sourceEndpoint.anchor.x,connectionInfo.sourceEndpoint.anchor.y);

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