Imagineの図形とコネクター — NoxDragon Docs

図形とコネクター

ダイアグラムを作るために、ボックスを一つずつ手で描く必要はありません。ツールバーの 高度な図形 メニューには、すぐに使える図形と、それらをつなぐコネクターがそろっています。

高度な図形メニュー

画像の右にある図形アイコンから開きます。次の4つのグループがあります。

クリックするだけの場合は、クリックした位置を中心にデフォルトのサイズで図形が配置されます。

各図形は枠線付きのテキストボックスです。選択ツールで図形をダブルクリックすると、中に文字を入力できます。テキスト パネルでは、通常のテキストボックスと同じように図形、背景、枠線幅、枠線色 を変更できます。サイズを変えるには、8つあるハンドルのいずれかをドラッグします。

吸着したコネクターは図形に追従します。ボックスを動かすと、線が自動で調整されます。コネクターはテキストボックス、図形、画像、ラベルに吸着できます。何もない場所で端を離すと、その端は固定されないままになります。

選択ツールでコネクターを選択すると、両端にハンドルが表示されます。ハンドルをドラッグして別の位置や別の図形に移動できます。図形の近くで離すと、再び吸着します。

コネクターを選択すると、プロパティ パネルに始点と終点の2つのセレクターが表示され、次の4つから選べます。

これにより、片方向の矢印、双方向の矢印、ダイアグラム特有の関係を表す線を描けます。スマート図形 で作成された直線にも同じセレクターが表示されます。複数の線を同時に選択すると、変更はすべてに適用されます。

同じパネルで、コネクターの ストローク色 と ストローク幅 も調整できます。

コネクターが図形に吸着しないのはなぜですか？ 図形の端により近い位置、または図形の内側で端を離してください。離れた場所で離すと、キャンバス上で固定されないままになります。

作成後に、プロセスの図形をひし形に変更できますか？ はい。図形を選択し、テキスト パネルで図形を変更してください。

コネクターは最初から矢印付きですか？ いいえ、マーカーなしで作成されます。プロパティ パネルの終点（または始点）で矢印を選んでください。

Mermaidからインポートしたダイアグラムも、これらの図形を使いますか？ はい。ノードは図形として、エッジはコネクターとして取り込まれるため、同じように編集できます。詳しくは Mermaidのインポートをご覧ください。