問題タブ [rappid]

Rappid 1.6 の試用版では、getPortattrs を使用してポートの位置を変更しました。attrs[portSelector] = { ref: '.body', 'ref-y': (index + 0.5) * (1 / total) }; の代わりに、独自のルールを使用します。

しかし、Rappid V2 ではこれが機能しなくなり、その方法がわかりません。

ヒントはありますか？

アプリケーションのテーマを設定しようとしています。依存ファイルを jquery、lodash、backbone、graphlib、dagre、keyboard、rappid、localJs ファイルの順に含めました。joint.setTheme(dark); でテーマを設定しようとしたとき コンソールでエラーがスローされます Joint.setTheme は関数ではありません。ラピッドドキュメンテーションを体験しましたラピッドドキュメンテーション UI

rappid が提供するすべての機能にアクセスできるように、他の joint.ui.xxx.js ファイルを個別に含める代わりに、rappid.js および rappid.css ファイルを含めました。

サンプル JS コードはこのjoint.setTheme エラー コードのようになります。以下のフィドルに書かれたコードに固有のテーマを設定するにはどうすればよいですか? 助けてください...

ステンシルから紙要素にドラッグされた形状にさまざまなイベントのコードを実装しようとしています。pointerup イベントは、要素の周りにオプションを持つハローをトリガーします。ダブルクリック イベントはいくつかのモーダル ウィンドウをトリガーし、右クリック イベントはクリック アクションを含むカスタム コンテキスト メニューをトリガーします。左クリック、右クリック、マウスホイールのクリックなど、Rappid でさまざまなイベントを区別するにはどうすればよいですか。私は以下のようなコードを持っています。

これは、クリックとダブルクリックのrappidから取得した回避策です。機能していますが、右クリック機能も探しています。助けてください。

私は基本的に、私が試している RAPPID 環境で JointJS 形状の色を変更したいと考えています。

私がこれまでに達成したことと達成したいことについての背景を 次に示します。基本的に、この ChristmasTree オブジェクトを構築する svg 文字列は、ツリーのパス (svg パス要素) であり、複数の装飾 (4 つの svg 円/楕円には、ID と色の変更に使用できると想定されるクラスがあります) です。

svg 文字列内の style attr を介して装飾の初期値を設定しました。これを左側の RAPPID メニューに配置すると、ユーザーはその 1 つのクリスマス ツリーに赤いボールをドラッグできます。 質問 ###1: しかし、緑色のボールを持つ別のメイン オブジェクトを作成せずに、左側のメニューに 2 つ目の ChristmasTree シェイプを配置したいのですが、どうすればこれを実現できますか? 以下のコードでは、christmas_tree_style_2は .ornament クラスを 'fill': "#00ff00"でオーバーライドする必要がありますが、そうではありません (左側のメニューではまだ赤です)? 実際、christmas_tree_style_1も、青いボール'fill': "#0000ff"でオーバーライドしようとしましたが、まだ赤です。シェイプの左ナビゲーション オーバーライドを実現するにはどうすればよいですか?

質問 ###2: 以前の問題を解決するのを手伝ってくれたふりをしてください。左側のメニュー ナビゲーションからメインの RAPPID コンテンツ エリアに 2 つの複数色の ChristmasTree をドラッグ アンド ドロップできます。インスペクターを使用して色を動的に変更したいと思います。すべての要素の RAPPID 右ナビゲーション メニューに表示されるカラー インスペクターを追加しました。 index: 2 } しかし、オーナメントの色を動的に変更するイベントを作成する方法がわかりません。何か案が？ありがとう！

以下は、コードの重要な部分です。

また、ここに実際の作業例があります（ただし、左ナビゲーションの初期オーバーライドと右ナビゲーションのインスペクターのカラーオーバーライドは機能しないため、2つの質問があります）： http ://armyofda12mnkeys.kissr.com/rappid_christmastree/index.html （申し訳ありませんJSFiddle に追加する rappid.js の CDN が見つからなかったため、フォルダーをサイトにアップロードする方が簡単でした)。私の質問に該当するファイルは app.js と rappid-custom-shapes.js です。