問題タブ [jointjs]

プロジェクト用の優れた JavaScript ダイアグラム ライブラリを探していますが、商用になる可能性があります。

必須要件:

• コンポーネントをクリック (またはホバリング) すると、接続されたラインとコンポーネントが強調表示されます
• コンポーネントのイメージを切り替える機能 (コンポーネントのグループを表すため)
• ズームイン/アウト機能
• 左側から右側へのドラッグをサポートするカスタム動作を定義できる
• ダイアグラムのリンク可能な最小化マップを生成する機能

これまでに GoJ、JointJS、Draw2D を調べたところ、JointJS が最も適しているように見えましたが、よくわかりません。また、ドキュメンテーションとコミュニティも重要です。したがって、これらのライブラリまたは他のライブラリのいずれかを使用したことがある場合は、その経験について教えてください。

私が言及した機能を備えたプロジェクトに適したライブラリを選択するのを手伝ってください。

バックボーンビューによって拡張されたjoint.jsノードをクリックすると、クロスボタンと矢印ボタンを含むこの要素の周りにdivが表示される機能を実装したいと考えています。クロスをクリックすると、ジョイント js の紙からノードを削除する必要があります。矢印をクリックすると、ユーザーは矢印を描くことができるはずです。紙の他の部分をクリックすると、要素の周りのdivが消えます。私はこのリンクhttp://jointjs.com/tutorial/html-elementsに従っています。要素の周りに div を隠したり表示したりする私自身のアプローチが機能していないため、この機能を実装する最良のアプローチは何ですか。

joint.jsのグラフオブジェクトをbpmn2 xml形式に変換できますか?

はいの場合、どのように行うことができますか？

私はjointJsライブラリが初めてで、htmlコードを含むカスタム要素にポートを追加しようとしています。このチュートリアル ( http://www.jointjs.com/tutorial/html-elements ) に従って、要素を作成しました。しかし、ポートを追加しようとすると (このチュートリアルに基づいて: http://www.jointjs.com/tutorial/ports )、機能しません。私が抱えているもう1つの問題は、空白の紙をクリックするとテキストボックス(カスタムシェイプのテキストエリア)が消え、その内容を含むラベルだけが要素に表示されたままになることです。そのために、次のコードを使用しました（ただし、上記の機能は提供されません）。

私のコード全体は次のとおりです。

これらの問題に対する答えをたくさん探しましたが、単純で包括的な答えを見つけることができませんでした。どんな助けでも大歓迎です。ありがとう。

jointjs と jquery-layout の使用に問題があります。どちらかしか使用できません。両方を使用すると、パネルのサイズ変更が機能しません。同じ/類似の問題を抱えている人はいますか? それを解決する方法を知っていますか？

これはまったく機能しません

jquery-layout を jointjs で反転すると機能しますが、サイズを変更しません。

本当にありがとう

Rect 要素があり、左上に小さな (たとえば 16x16) PNG 画像を飾りたいとします。そのタスクを達成する方法を判断できません。私はドキュメントを調べましたが、(これまでのところ) そのタスクを達成する方法に関するサンプルやリファレンスを見つけることができませんでした。私の目標を達成するために喜んで共有できるレシピやサンプルポインターを誰かが持っていますか?