> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wji.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# キャンバスの移動

> ズーム、パン、全体表示、ミニマップ、描画パフォーマンスの切り替え。

## ズーム

<Frame caption="ビューポート操作バー">
  <img src="https://mintcdn.com/wji/1nwL1jaWRdmAhYLq/images/infinite-canvas/viewport-bar-01.png?fit=max&auto=format&n=1nwL1jaWRdmAhYLq&q=85&s=3a572950b56d39b276df7773b3183f0f" alt="元に戻す、やり直し、縮小、倍率、拡大、全体表示、ミニマップ切替、パフォーマンスモードを並べたビューポート操作バー" width="1600" height="900" data-path="images/infinite-canvas/viewport-bar-01.png" />
</Frame>

| 操作   | 方法                        |
| ---- | ------------------------- |
| 拡大縮小 | `⌘` + ホイール                |
| 拡大   | `⌘ =`                     |
| 縮小   | `⌘ -`                     |
| ピンチ  | トラックパッドのピンチ。Mac では感度が高めです |

ズーム範囲は **10% から 312.5%** です。現在の倍率は左下のビューポート操作バーに表示されます。

<Note>
  ブラウザがページ全体を拡大してしまわないよう、WJI が `⌘` + ホイールを横取りしています。
</Note>

## パン

* **Space + ドラッグ**
* **マウス中ボタンのドラッグ**
* **ホイール**で縦移動、`Shift` + ホイールで横移動

ノードを画面端へドラッグすると、キャンバスが自動でスクロールします。

## 表示を合わせる

| 操作               | ショートカット                 |
| ---------------- | ----------------------- |
| **すべてのノードに合わせる** | `Shift + Z`、または操作バーのボタン |
| **選択範囲にズーム**     | `Tab` または `Z`           |

どちらも跳ぶのではなくアニメーションします。生成ノードを 1 つ選んでズームすると、その下の生成パネルも読めるように画角へ含まれます。

## ミニマップ

<Frame caption="ノードのタグ色で塗られたミニマップ">
  <img src="https://mintcdn.com/wji/1nwL1jaWRdmAhYLq/images/infinite-canvas/minimap-01.png?fit=max&auto=format&n=1nwL1jaWRdmAhYLq&q=85&s=2b1ced6a5f3cf979e3f636de8c1faed3" alt="キャンバスの隅で、複数のタグ色でノード位置を示すミニマップ" width="1600" height="900" data-path="images/infinite-canvas/minimap-01.png" />
</Frame>

操作バーの地図アイコンで切り替えます。最大 220×140 で、ノードをカラータグの色で塗り分け、クリックで移動できます。

## グリッド

背景はワールド座標のドットグリッドです。間隔 20 px で、ズームに合わせて拡縮します。常に表示されています。

<Warning>
  ドラッグ中のスナップやガイド線はありません。WJI の整列はあとから複数選択ツールバーで意図的に行う操作であって、ノードを動かしている最中に起きることではありません。
</Warning>

## パフォーマンスモード

稲妻アイコンで**標準**と**高速**の描画を切り替えます。高速モードでは接続線やラベルの装飾が隠れ、ズーム 20% 未満では接続ハンドルも描かれなくなります。重いキャンバスでは、滑らかに動くかどうかの分かれ目になります。

この設定は記憶されます。

## ビューポートの記憶

ズームと位置はキャンバスごとに記憶されるので、戻ってきたときは離れたときの場所から再開できます。
