問題タブ [draw2d-js]

JavaScript 関数でプライベート変数を使用する際に小さな問題があります。このソフトウェアは、javascript のレンダリング ライブラリである draw2d に依存しています。このライブラリでは、John Resig のClass.jsの実装を使用する必要があります。これにより、単純な Java のようなクラス継承が可能になり、問題の根源であると私は信じています。

上部のコメントは自動連結を行いますが、問題の焦点はonContextMenu関数にあります。プロパティ オブジェクトから jQuery コンテキスト メニューを作成するために呼び出す必要があるクロージャーがあります。プロパティ オブジェクト内の 1 つは、 と呼ばれるメソッドbuildです。これを使用buildFuncして、呼び出しをインターセプトし、呼び出された Figure の ID を追加します。

問題は、私が を宣言するvar supaId = this.idと、このタイプの図をさらに作成すると、それらは supaId を共有し始め、変数の相互汚染を開始することです。もう1つの問題は、supaId = this.id以下のように使用すると機能しますが、グローバルスコープにsupaIdを配置することです。これらはどちらも私にとっては良い選択肢ではありません。修正方法を理解したいと思います。

どんな助けでも大歓迎です！

Draw2D.js について質問があります。JQuery-ui を使用してキャンバスのサイズを変更していますが、キャンバスのサイズを変更すると、キャンバスを破棄して新しいキャンバスを作成する必要があります。そうしないと、多くのキャンバスが重なってしまいます。私が電話canvas.destroy()しても何も機能しません（ドキュメントに記載されているように）。

キャンバスをソフトに破棄する方法はありますか? JQuery-uiにサイズ変更機能はありますか?

@MacGyverに感謝します。2番目の命題で解決策を見つけます。SVG DOM を編集する必要があります :)

ここで私のソリューションを共有しますjsfiddle ! それは役立つかもしれません！

長方形とパス（三角形）を結ぶ矢印を作成しようとしています。これは私のコードです：

ご覧のとおり、パスには次の属性があります: fill="#000000" しかし、レンダリングされると、fill="none" が表示されます... この属性を手動で変更すると、パスが塗りつぶされて表示されます。

ポートの位置を操作するために多くのことを読んだ後、別の問題を発見しました: 画像に示されているように、図の下にあるポートを選択したときです。

私の質問は次のとおりです。ポートを図の上部に保つにはどうすればよいですか? これは私のコードです：

HTML 5 Web ページのコンテンツを画像ファイルに変換するソース コード (またはブラウザ プラグイン) はありますか? これには、表示されているコンテンツだけでなく、非表示のコンテンツも含まれます (ページにスクロール バーがあると仮定します)。ない場合は、この特定の機能にアプローチする方法についてのアドバイスをいただければ幸いです。調査することができます。

私はこれを見つけました...

C＃でhtmlからjpgへ

でも...

ページにテキストがあっただけだと思う​​ので、ページに動的な画像はありません。私のページでは、特に HTML 5 キャンバス機能を使用して画像を描画しています。したがって、それは画像ファイルの一部である必要があります。

Draw2D でフローチャートを作成したい。必要なのは、編集可能なコンテンツ、編集可能なラベルとの接続、JSON 配列としてのダイアグラムの読み取り/保存を含むいくつかのボックスを作成することだけです。以下に示すように、これらのほとんどはすでに準備ができています。

JS:

HTML:

JSFiddle: http://jsfiddle.net/6pbjh3s6/4/ (残念ながら JSFiddle では動作しませんが、何が悪いのかわかりません)

問題:私の問題は、編集可能なラベルを任意の接続に追加することです。つまり、既存のラベルをダブルクリックします。

Draw2D.js API: http://draw2d.org/draw2d_touch/jsdoc_5/#!/api

ドラッグ＆ドロップの例を作成しようとしましたが、成功しませんでした:私のコードに従ってください

ドラッグ可能なオブジェクト

キャンバス

http://draw2d.org/draw2d_touch/jsdoc_5/draw2d/examples/code_snippets/buildin_commandstack/index.htmlの例を使用しようとしていますが、 onDropイベントが発生しません。

私が間違っているのは何ですか？

ライブラリに付属する例のコレクションを調べましたが、残念ながら、合成図に特化したすべての例は、json ファイルの解析に基づいています。

ただし、私が見たいのは、次のような基本的な図から複合図を作成する方法です。

PS。必要なのはStrongCompositeだと思いますが、使い方がわかりません。誰かが助けてくれることを願っています!

編集

これは私が試したものです：

しかし、うまくいきません。灰色のボックスしか見えません。私もこれを試しました：

しかし、その結果、完全に独立した楕円形が得られました。