是的,所以我一直在玩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
*/
});
答案 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坐标,我知道锚点的位置,并可以使用它来重新创建图表。