問題タブ [jointjs]

画面の領域 (例: 500px x 500px のボックス) に図を含めたいとします。ダイアグラムの幅または高さがこれよりも大きい場合、スクロール バーを表示してダイアグラムをスクロールできるようにしたいと考えています。サイズの<div>要素内にダイアグラムを配置することでこれを達成しようとしましたが、ダイアグラムはこれを無視し、単に「こぼれる」ようです。誰かがこれを達成しようとしましたが、レシピを共有できるでしょうか?

Chrome 開発者ツールを使用すると、<div>500px x 500px の があり<svg>、幅がのが含まれているように見えます。1082<svg><svg><div>

見栄えの良いダイアグラムがあり、「+」キーと「-」キーにバインドされたズームインおよびズームアウト機能を追加したいと考えていました。紙のコンテナーであるkeydownイベント ハンドラーを追加しましたが、キーを押してもトリガーされません。<div>これは私のレシピが間違っていると思います。ダイアグラム内でキー ストロークをキャプチャして、レシピを共有しようとした人はいますか?

私が試したコードは次のとおりです。

ダイアグラムを正しく表示しているpaperContainermy の jQuery オブジェクトはどこにありますか。<div>は以下paperContainerで作成されました:

Raphael で無向グラフを作成し (今まで成功していません)、JointJs を使用してレイアウトしようとしています。JointJs で無向グラフを作成してレイアウトできます。

過去数日から、私は Raphael のドキュメントを調べ、ローカル セットアップを行いましたが、グラフの作成に苦労しました。私の基本的な要件は、Raphael を使用したダイアグラム/グラフの作成と、適切なレイアウト (jointjs のような; DirectedGraph レイアウト) でのレンダリングです。現在、この自動レイアウトは Raphael ではサポートされていないため、レイアウト目的でのみ外部ライブラリを使用する必要があります。

今、私が JointJs で作業した限り、それは許容できる仕事をしますが、ラファエルからグラフを作成したとしましょうが、それを DirectedGraph Layout でどのように使用するかはまだわかりません。

D3 もオプションでしたが、調べてみたところ、レイアウトについてはあまり理解できませんでした。必ずしも JointJs を使用する必要はありませんが、私のユースケースをサポートできる別のライブラリになる可能性があります。


私の主な懸念事項は次のとおりです。

1. Rapahel で無向グラフを描画する方法。
2. 以下のリンクの画像のように、JointJs (または任意のレイアウト ライブラリ) で Raphael で描画されたグラフを使用する方法、または
   ダイアグラム
   とレイアウトの両方を行うレイアウト手法/ライブラリ。
   http://s000.tinyupload.com/?file_id=10320373554237333472

リソース/コード スニペットは役に立ちます。
前もって感謝します！

紙の上に基本的な形状を持つjointjsデモコードがあります。形状のサイズを大きくしたり、ポインタのクリックやカーソルで形状を強調したりしたい場合は、
サンプルのデモコードがここにあります

私はjointjsの新しい蜂です。

形状のサイズを変更しようとしましたが、うまくいきません

強調表示は、セルをクリックして行われます。

しかし、私はセルのサイズを変更したい。セルをクリックすると、セルのサイズを変更できるはずです

この問題を解決するのを手伝ってください。

私は彼らのtut http://jointjs.com/tutorialに基づいてこれを作成しました

しかし、何も表示されず、エラー コンソールも表示されません。最後にインクルードを移動すると、エラー ジョイントが不明になります。

なんで ？

モデルを移動して用紙サイズを変更します:

のように紙の性質を変える方法はありますelement.prop(properties)か？