Zuga

接続ノード

接続ノードは、2つのノード間を繋ぐ曲線または直線です。矢印・丸などの端点マーカーを設定でき、始点・終点は任意のノードに「アンカー(接続点)」として固定するか、キャンバス上の自由な位置に置けます。

接続線の作成

ツールバーの「コネクションツール」を選択して、始点にしたいノードのエッジにホバーするとアンカーポイントが表示されます。そのままドラッグして終点のノードのアンカーポイントでボタンを離すと接続線が作成されます。

自由端点

ノードのアンカーではなく、キャンバスの空き領域でドラッグを終了すると自由な位置に端点を置けます。後から選択ツールで端点をドラッグしてアンカーに付け直すことも可能です。

ウェイポイント(中間点)

接続線をダブルクリックするとウェイポイントが追加され、線の経路を細かく制御できます。ウェイポイントをダブルクリックすると削除できます。

端点マーカー

設定位置選択肢
始点マーカーなし / 矢印 / 丸
終点マーカーなし / 矢印 / 丸

スタイル設定

  • 線色: 接続線の色
  • 線太さ: 接続線の太さ(px)
  • マーカーサイズ: 始点・終点マーカーの大きさ(独立設定)
  • 影: 色・濃さ・X/Yオフセット・ぼかし

端点マージン

「始点マージン」「終点マージン」を設定すると、接続したノードの輪郭から接続線の描画開始位置をずらせます。正の値を指定すると、接続先のノードとの間に隙間が生じます。負の値を指定すると、接続線がノードにわずかにめり込みます。

設定項目説明デフォルト
始点マージン始点側のオフセット距離(px)。正=隙間、負=めり込み0
終点マージン終点側のオフセット距離(px)。正=隙間、負=めり込み0