問題タブ [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.
mxgraph - mxCellRenderer を使用して draw.io から XML を画像としてレンダリングする
オンラインのフローチャート/図作成サービスである draw.io によって生成された XML ファイルをプログラムで読み込もうとしています。Draw.io は mxGraph をコアに使用して構築されており、最近外部的に jgraphx という名前が付けられました (したがって、この投稿のタグ)。ただし、クラス名は同じままです。
この StackOverflow の投稿では、ファイルから未加工の XML データを読み取り、それを mxGraph オブジェクトに変換する方法を示しています。mxGraph Javadocs のこのページでは、mxGraph オブジェクトからレンダリング可能な画像に変換する方法について説明しています。
残念ながら、両方のガイドに従っているにもかかわらず、「レンダリング」される画像は常に null であり、IllegalArgumentExceptionスローされます (画像が null であるため)。私のコードは次のとおりです。
ご覧のとおり、このコードは XML データを読み取り、そのデータから mxGraph オブジェクトを作成してから、mxGraph オブジェクトを現在の作業ディレクトリに画像としてレンダリングする必要があります。ただし、代わりに何も起こらず、イメージは作成されません。
誰もこのようなことを経験したことがありますか? 私は何かを見落としていますか?私がやろうとしていることを行うためのより良い方法はありますか? どんな助けでも大歓迎です。
参考までに、自分で試してみたい場合に備えて、サンプルの XML ファイルを含む Pastebinを次に示します。
mxgraph - MxGraph: SVG なしで HTML でグラフをレンダリングすることは可能ですか?
SVG キャンバスを使用せずに、mxGraph Javascript のみを使用して、HTML でグラフをレンダリングする方法を探しています。ユーザーマニュアルには次のように書かれています。
mxGraph には、html を使用して完全にレンダリングする機能も含まれています。これにより、使用できる機能の範囲が制限されますが、より単純な図に適しています。」
ただし、次のことを試しましたが成功しませんでした。
このセルの追加:
これにつながります:
私の目標は、フォーム エディターの開発です。したがって、グラフのセルは、入力フィールドなどの HTML ウィジェットまたは Web コンポーネントになります。
これはmxGraphで可能ですか? 前もって感謝します!
javascript - mGraph でセル値をハイパーリンクとして設定する
私はセルを選択し、ハイパーリンクとしてのみ表示する必要がある値を指定するときに、mxgraph とグラフ ページで作業しています。しかし、html、アンカータグなどを使用すると、コード全体がセルにテキストとして表示されます。値を動的に入力しようとしても、テキストとして表示されます。
ここで、newValue はドロップダウンから選択されたオプションの ID です。
mxgraph - 追加方法と要素を mxGraph グラフに
mxGraph ライブラリによってレンダリングされる SVGにカスタム要素を追加する必要があり<line>ます。<text>
誰もそれを行う方法を知っていますか(またはまったく可能ですか)?
jgraph - 画像のサイズ変更中に比率を制限する
画像のドラッグ アンド ドロップを実装しましたが、サイズ変更中に画像の比率を制限したいと考えています。
これをtrueに設定しましたが、機能しません:s
この機能に必要な API/プロパティ..
webpack - Webpack - mxClient のローダー、エクスポートですべての関連オブジェクトをきれいにロードできない
私が持っている現在のローダーは次のとおりです。
私が使用するときにアプリケーションで使用できるようにするには、 mxClient に存在する各オブジェクトをエクスポートする必要があるようです:
もう 1 つの質問は、モジュールに import を使用しようとすると何も読み込まれないようですが、それを変数に割り当てて require を使用すると、ローダーで指定したエクスポートが取得されるのですが、その理由は誰にもわかりますか?
javascript - イメージとしての mxgraph カスタム頂点
誰かが頂点を画像に設定する場所/方法を教えてもらえますか? グラフにドラッグ/ドロップしたアイコンに似た形状にしたい。グラフにアイコンをドラッグ/ドロップすると、長方形が表示されます。
ツールバー アイコン
shape と imagePath を追加しようとしましたが、うまくいきませんでした。