問題タブ [jointjs]

私は JointJS API に取り組んでいます。ただし、要素が元の位置から移動できないようにしたいと考えています。オブジェクトを不動にするために使用できる、JointJS の機能または CSS の一般的な機能を教えてください。

Interactive: false オプションが用紙または用紙で使用できません。 $el.css('pointer-events', 'none'); マウスが要素の上に置かれたときに強調表示機能が必要なためです。

他の機能を許可しながら要素の移動を無効にする方法を提案してください。関連する CSS コード スニペットは次のとおりです。

ワークフロー図を作成するには、jointJs を使用する必要があります。同じページに200を超えるコンポーネント（矢印、ノード、ボーズを含む）がある場合、ブラウザでどのくらいのパフォーマンスに影響しますか？

JointJS ライブラリの API ドキュメントはこちら: http://www.jointjs.com/api ポート付きの要素に DEVS プラグインを使用しています。

ポートからの接続数を 1 つに制限する必要があります。

ポートからリンクが作成されると、既存の接続が削除されない限り、ユーザーは同じポートから接続を開始できません。

ライブラリ自体のコードを変更しなくても可能ですか?

API ドキュメントとコード自体を調べた後でも、この要件を実装するためのフック/エントリ ポイントを取得できませんでした。ヘルプやポインタをいただければ幸いです。

PS:

• 残念ながら、私は現時点で Backbone が苦手です。
• 問題のポートに magnet="passive" を設定することだったと思います。方法がわからないだけです。(グラフは動的であり、要素間の事前定義されたリンクではありません)

新しい属性を持つカスタム要素を作成したいのですが、そのようなカスタム要素を作成しましたが、要素に関する情報を保存するために新しい属性が必要です。

ありがとう！

要素のハイパーリンクやマウスホバー時のリンクの強調表示などの他の機能を維持しながら、JointJSダイアグラムの要素とリンクの移動を無効にしたいと考えています。次のリンクを参照しました : https://groups.google.com/forum/#!searchin/jointjs/drag/jointjs/R0KZwKqfRbI/rGLJz3t4Un0J $20のみ/jointjs/o8CKU6N7EOI/1KGNFCQQHGUJを読む

しかし、彼らは私を助けませんでした。私が試した： paper.$el.css('pointer-events', 'none'); しかし、それはすべてを無効にします。要素とリンクのドラッグのみを無効化したい

私は Backbone with Marionette とその他の依存関係で書かれたアプリケーションを持っており、bowerを通して管理されています:

Lodash (アンダースコアの置き換え) に依存するJoint.js ( http://www.jointjs.com/ )を追加したいのですが、私の構成でこれを置き換える方法がわかりません。 、および他のいくつかのライブラリはアンダースコアに直接依存しています。そのため、ロード時にアンダースコアが lodash をオーバーライドし、アプリケーションを正しく起動できません。

私はしばらくの間 JointJS を使用して、HTML を含む要素を作成することに成功しました。

ただし、別の問題に 悩まされています。 href、imgなどの HTML コードを JointJS リンクに配置することはできますか?どうすればよいですか?

たとえば、次のリンクがある場合、HTML を含むように変更するにはどうすればよいですか。

ありがとうございました！

JointJs で、ポートを持つ devs.Model オブジェクトへのリンクをプログラムで作成しようとしています。

API ( http://jointjs.com/api#joint.dia.Graph:addCell )からグラフに addCell を使用しようとしましたが、何らかの理由で、作成されたリンクが正しいポート サークルを指していません。ソースとターゲットの devs.Model オブジェクトではなく、要素全体です。

使用しようとしているコードは次のとおりです。

リンクは作成されていますが、ポートを指していないため、これらのリンクを機能させるために必要な微調整が 1 つだけあるように感じます。