グリッド・スナップ設定パネル
グリッド・スナップ設定パネルでは、グリッドの表示設定とスナップの動作を設定できます。ツールバー右側のグリッドアイコンボタンを押すと表示され、右側パネル共通の最大高さで表示されます。
グリッド設定
| 設定項目 | 説明 | デフォルト値 |
|---|---|---|
| グリッド表示 | グリッドを表示するかどうか | OFF |
| マイナーグリッド間隔 | 細いグリッド線の間隔(px または mm) | 32px |
| マイナーグリッド色 | 細いグリッド線の色 | 薄い青系 |
| メジャーグリッド(何本ごと) | 太いグリッド線を何マスごとに引くか | 5 |
| メジャーグリッド色 | 太いグリッド線の色 | やや濃い青系 |
スナップ設定
グリッドスナップ
グリッドスナップをONにすると、ノードの作成・移動・リサイズ時にグリッド線へ吸着します。ノード作成ドラッグでは、開始頂点(左上)と終了頂点の両方が吸着対象です。回転したノードでは、回転後の頂点や中心が吸着対象になります。デフォルトはOFFです。
スマートスナップ
スマートスナップをONにすると、他のノードやキャンバスの分割位置にリアルタイムでガイド線が表示され、整列しやすくなります。分割数が2のときは端・中央・端、3のときは端・1/3・2/3・端に吸着します。他のノードに吸着している間は、ガイド提供元ノードが選択時と同じ点線枠で強調表示されます。ノード作成ドラッグでも、開始頂点と終了頂点の両方がガイドに吸着します。回転したノードは、回転後の頂点・辺中央・中心が周囲ノードへの吸着対象です。複数ページ時は、他ページのキャンバス分割位置もスナップ対象です。デフォルトはONです。
ツールバーの「頂点連結」をONにすると、スナップ閾値内で頂点が一致した text / rect / svg / image / builtin ノードどうしが連結されます。スマートスナップがOFFでも頂点連結は有効です。連結されたノードは、共有頂点のリサイズだけでなく平行移動も連動し、グリッド状に並べたノード群をテーブルのように扱えます。接続ノードは対象外です。
- 吸着距離(px): 何ピクセル以内に近づいたらスナップするかを設定します(デフォルト: 8px)
- スマートスナップ分割数: ノードとキャンバスの端から端までを何分割して吸着位置を作るかを設定します(デフォルト: 2、最大: 10)