MindFusion.Diagramming for JavaScript V4.3
複数の図ページとタブ付き図ビューのサポートを追加します。
2023 年 7 月 27 日 - 7:52 新バージョン
特徴
- 複数の図ページ - 図ページまたはシートのコレクションを表す DiagramDocument クラスが追加されました。
- 新しいページをドキュメントに追加したり、既存のページを削除したり並べ替えたりすることができます。
- すべてのページを 1 つのファイルにロード/保存するメソッドが含まれています。
- 単一ページに表示するシリアル化メソッドによって作成されたファイルをロードすることもできます。
- タブ付きダイアグラム ビュー - DiagramDocument オブジェクトを表示するビューである TabbedDiagramView コントロールを追加しました。
- 個々の図のページは、コントロールの上部または下部にあるタブからアクティブにすることができます。
- タブ ストリップの外観と動作はカスタマイズできます。
- ストリップの位置と可視性を指定できます。
- マウスを使用したタブの並べ替えも含まれます。
JavaScript の MindFusion.Diagramming について
プラットフォームに依存しない図表をアプリケーションに追加します。
MindFusion.Diagramming for JavaScript を使用すると、事前定義されたノード形状を使用してフロー図を作成できます。リンクを使用してノードを結合することもでき、ユーザーは必要に応じてノードとリンクを作成、サイズ変更、選択、移動、変更できます。すべての図要素にはプログラムからアクセスでき、すべての外観を変更するメソッドがあります。
JavaScript 機能の MindFusion.Diagramming
- JavaScript ダイアグラム コンポーネント - このダイアグラム ツールは 100% JavaScript で記述されており、描画に HTML5 Canvas 要素を使用します。このコンポーネントは、最新のブラウザーで実行する場合、サードパーティへの依存関係がありません。
- 印象的なさまざまな図アイテム - ワークフロー図、プロセス スキーム、家系図ツリーを作成する場合でも、グラフを描画する場合でも、MindFusion JavaScript グラフ作成ライブラリには、選択できる事前定義されたノード形状の長いリストが保持されます。独自のノード形状を定義することもできます。すべてのノードには、背景としてラベルまたは画像を含めることができます。コネクタは、驚くほど多様なカスタマイズ オプションもサポートしています。直線や曲線にしたり、さまざまな矢印の形状で開始および終了したり、色や位置を変更したりできます。MindFusion JavaScript コンポーネントを使用すると、妥協の余地のない最適な Web ベースのフローチャートを設計できます。
- 豊富なユーザー インタラクション機能 - この MindFusion ライブラリを使用すると、JavaScript および HTML のインタラクティブな図の構築が迅速かつ簡単に行えます。Web アプリケーションのユーザーは、必要に応じてノードとリンクを作成、サイズ変更、選択、移動、および変更できます。JavaScript のダイアグラムは、真にプラットフォームとブラウザーに依存しないアプリケーションのマウス イベントとタッチ イベントの両方を同様に適切に処理します。ブラウザーでのユーザー アクションにフローチャートがどのように応答するかを制御する、いくつかのユーザー インタラクション モードの中から選択できます。図を iOS Safari で表示する場合、コンポーネントは項目の作成、変更、図のスクロール、ズームのための 1 本指および 2 本指のタッチ イベントを処理します。
- エレガントな API - 図の各要素へのプログラムによるアクセスを提供します。アイテムの外観を変更したり、ユーザーによって実行される許可されたアクションや多くのイベントを制御したりするためのメソッドがあります。API については詳細が文書化されており、使用を開始するのに役立つさまざまなコード サンプル、機能例、チュートリアルが提供されています。
- 自動レイアウト アルゴリズム - 自動グラフ レイアウト アルゴリズムにより、ワークフロー図、組織図、グラフ、クラス階層、またはその他の思いついたフローチャート スキームの完璧な外観が得られます。JsDiagram レイアウトは、1 回のメソッド呼び出しで迅速かつ簡単に適用されます。各アルゴリズムには、Web アプリケーションのニーズに応じてカスタマイズできる多数のカスタマイズ プロパティが用意されています。
- スタイリング - MindFusion の JavaScript ツールは、機能だけでなく外観も印象付けるフローチャート用の強力なスタイル オプションを備えています。ノードとリンクのペンとブラシを選択し、背景をカスタマイズし、さまざまなガラスやエアロ効果でダイアグラムの外観を磨き上げることができます。
- React 用のダイアグラム ライブラリ - ダイアグラム ライブラリには React DiagramView コンポーネントが含まれています。「diagram」プロップに割り当てられたダイアグラム インスタンスをモデルとしてレンダリングします。現在、次のプロパティも JSX から設定できます:allowInplaceEdit、autoResize、backBrush、behavior、defaultShape、enabled、linkHeadShapeSize、linkShape、roundedLinks、routeLinks、showAnchors、showGrid すべてのダイアグラム イベントは、JSX 構文を通じて処理することもできます。
- TypeScript のサポート - TypeScript を使用したい人のために、JavaScript ダイアグラム ライブラリは、ダウンロード可能なアーカイブにある jsdiagram.d.ts ファイルで API の TypeScript 定義を提供します。TypeScript API をデモするサンプルがいくつかあり、MindFusion ダイアグラム ライブラリと TypeScript を使用して好みのフローチャートを実装する方法をすぐに学ぶのに役立ちます。
- 追加コンポーネント - わずか数行のコードで追加機能と利便性をユーザーにもたらします。
- 概要 - 大量のスクロールが必要な大きな図に最適なツールです。
- ズーム - 選択したステップで図をズームおよびスパンします。
- NodeListView - カスタム ノード タイプを含むノードのドラッグ アンド ドロップを許可します。