問題タブ [jsplumb]

トップ要素を表示し、その要素を画面上の他の 6 つの要素に接続する jsplumb を使用した非常に単純なセットアップを作成しました。

コネクタ ラインをアニメーション化して、単に表示するのではなく、一番上の要素から成長するように見えるようにすることは可能かどうか疑問に思っています。

シンプルなレイアウトを作成するためにコピーしたコードを次に示します。

私が使用したCSSは次のとおりです。

そして、私のhtmlの本文セクションの内容は次のようになります

コネクタを starterPoint から下の各ウィンドウ要素に「成長」させたいと思います。

私はjsplumbの使用に非常に慣れていないため、それに関する多くの情報を見つけることができないようです

ありがとう

jsPlumb を使用してバインドし、メソッドを変数として渡し、コールバックとして使用します。呼び出されたとき、「this」はメソッドがメンバーであるオブジェクトではありません。メソッドのオブジェクト インスタンスにアクセスして、その変数や他のメンバー関数にアクセスするにはどうすればよいですか?

別のライブラリであるコールバック呼び出しメソッドを制御することはできません。オブジェクトの init メソッドからバインディングを呼び出すだけです。thisメソッド内_connectionがそのオブジェクトであると予想していました。

私が取り組んでいるプロジェクトがあり、グラフィカル要素の接続にjsPlumbを使用する必要があり、AngularJSを使用してアプリを完全に構築しています。

別のライブラリのコードをコントローラー (たとえば ng-click でいくつかの jsPlumb コードを起動するため) または私の AngularJS コードの他の部分に含めたい場合に従うべき手順は何ですか? そうすべきですか、それともなぜそうすべきではないのですか?

したがって、ユーザーがangularjsを使用して作成した2つの要素を曲線で接続しようとしていますが、このエラーが発生しています:

Uncaught TypeError: 未定義のプロパティ 'parentNode' を読み取れません - AngularJS と jsPlumb 接続

私のサービスの機能

基本的に、sourceObject を新しく作成した子に接続していますが、これはサービスの 1 つで発生しています。要素の動的な作成で何かが起こっていると考えていますが、完全にはわかりません.

ドラッグをやめたときに接続先の位置を取得する方法を教えてください。私はこれを試しましたが、それまでに要素はすでに削除されていると思います: