問題タブ [mxgraph]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - mxGraph と svg 画像による画面のちらつき
ユーザーが画面上のオブジェクトを移動すると、mxGraph で設定された背景画像が画像をダウンロードするという問題に取り組んでいます。
firebug と chrome で、mxClient.js が画像をダウンロードしていて、このちらつきが発生していることがわかります。以下は、そのスクリプトのコードです。
appendChild が呼び出されると、ブラウザが画像をダウンロードすることがわかります。とにかく、これを回避できるjava script/mxgraphにあります。
コンテナーの appendChild は、再度ダウンロードする代わりにキャッシュからイメージを取得できますか?
javascript - 頂点の XML 表現を既存の mxgraph グラフに挿入する方法
新しい頂点を既存の mxgraph グラフに挿入するときに問題が発生します。
デフォルトのコーデックを使用して、グラフ モデル全体を正常にシリアライズ/デシリアライズできます。ただし、個々の頂点を既存のグラフに挿入できるようにしたいと考えています。頂点は、mxgraph XML 文字列の JSON 配列として表されます。最初の要素はメインの頂点であり、後続のすべての要素はポートです。
そして、頂点をグラフに挿入しようとする簡単なコードを次に示します。
これにより、頂点 (およびそのサブ頂点/ポート) が既存のグラフに正常に挿入されます。次に、新しいグラフをシリアル化しようとすると問題が発生します。最初の頂点に追加の子ノードが取得されます。
私はこれに間違って近づいていますか?..またはこれはバグのように見えますか?
javascript - mxgraphで凡例を作成するには?
mxgraph JavaScript ライブラリを使用して作成されたグラフがあります。グラフには 3 種類のセルがあります。すべてのセルは 3 つのタイプのいずれかに属し、各タイプには特定の色があります。そこで、各色のセルの種類が何を意味するかを示す凡例を隅に作成したいと思います。このような伝説を作成する方法を教えてください。セルに関する情報を (凡例以外に) 伝えるためのより良い方法がある場合は、それも提案してください。利用可能なリソースやドキュメントを教えてください。
javascript - タッチ デバイスでの mxGraph と ckEditor
mxGraph と CKeditor の両方を使用する Web アプリケーションを開発しようとしています。このアプリケーションは、デスクトップ デバイスとタッチ デバイスの両方で使用することを目的としています。
私の問題は、タッチ デバイスでアプリケーションを使用するときに発生します。CKeditor には、ユーザーがコンテンツのフォントやサイズなどを変更できる「コンボ ボックス」オプションがあります。タッチ デバイスでは、これは正しく機能しますが、mxGraph のインスタンスがページ上にあるとすぐに、コンボ ボックスでオプションの 1 つを選択することはできません (少なくとも iOS では)。デスクトップ環境では正しく動作します。
問題を再現するために使用できるサンプル コードを作成しました。タッチ デバイスで実行し、コンボ ボックスを使用してみてください。
これを引き起こしている原因と、おそらくそれを修正する方法を理解するのを手伝ってくれる人はいますか? 私はこれで数日間立ち往生しています。
前もって感謝します！
javascript - mxGraph で削除された親セルからすべてのツリーを削除しますか?
これがケースです: セルに接続されているすべてのセルとその子、およびその子の子などを削除したいのですが、mxGraph でそれを行うにはどうすればよいですか?
javascript - mxGraph はグラフを PDF としてエクスポートできますか?
サービス プロセス図用に高解像度の出力を PDF でエクスポートする必要がある mxGraph を使用するプロジェクトに取り組んでいます。Java Swing クライアントである JGraphX を使用してグラフを再作成し、それを PDF にエクスポートしようとしましたが、結果はブラウザが表示するものに近くありません。
クライアントの JavaScript には PDF エクスポートはありません。mxGraph は JavaScript からの PDF 生成を明示的にサポートしていますか?
javascript - mxGraph の頂点にカスタム イメージを追加する方法
javascriptからプログラムで頂点/セルに画像を追加したいのですが、どうすればそれを行うことができるかの例を教えてもらえますか? 注: 私のセル オブジェクトはさまざまな形状 (楕円形、ひし形など) です。
ありがとう
javascript - IE 10 互換モードを使用した Mxgraph を使用したセルの回転
mxgraph (バージョン 2.1.0.9) にスイムレーン/コンテナー セルがあります。互換モードで IE 10 を使用している場合、セルを 270 度回転すると、セルのラベルがセルと一緒に回転しません。ラベルは、テストされた他のすべてのブラウザーで正しく回転します。失敗するのはこれだけです。
この問題は、IE 10 を使用して www.draw.io に移動し、開発者ツールを開き、ブラウザー モードを IE10 互換ビューに設定し (ページが更新されます)、コンテナーをグラフにドロップすることで確認できます (ライブラリ セクションの最初の形状)。回転ハンドルをつかんで回転させます。
その結果、スイムレーンのラベルはセルと一緒に回転しません。回転後のセルのスタイルは次のとおりです。
このコードを HelloWorld の例 ( http://jgraph.github.io/mxgraph/javascript/examples/helloworld.html ) に追加してみました:
IE 10互換ビューでも問題は同じでした。この場合、セルと一緒にラベルを正しく回転させることはできますか?