4

ええ、それで私はjsPlumbで遊んでいます。2 つのエンドポイントを持つ div があるとします。1 つの TopCenter、1 つの 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
                          */
});
4

2 に答える 2

5

connectionInfo.connection.endpoints[0].anchor.typeソース位置です。 connectionInfo.connection.endpoints[1].anchor.type目標位置です。

于 2013-03-19T16:08:19.043 に答える
1

問題に対する次の解決策を見つけました: console.log('anchors: %o %o',connectionInfo.sourceEndpoint.anchor.x, connectionInfo.sourceEndpoint.anchor.y);

端点の x 座標と y 座標を取得することで、アンカーの位置がわかり、それを使用してダイアグラムを再作成できます。

于 2013-02-03T14:21:32.793 に答える