キャンバス
無限キャンバスでワークスペースをナビゲートし整理する。
キャンバスは無限大でズーム可能な 2D ワークスペースです。MadoHub のすべての要素 — タイル、フレーム、コネクション — はキャンバス上に存在します。
ナビゲーション
| 操作 | 入力方法 |
|---|---|
| パン | スクロールホイール、または Space+ドラッグ、または中クリックドラッグ |
| ズームイン | Cmd+Plus、または Ctrl+スクロールアップ |
| ズームアウト | Cmd+Minus、または Ctrl+スクロールダウン |
| ズームリセット | Cmd+0 |
ズームはカーソル中心で動作します — 画面の中央ではなく、マウスの位置に向かってズームします。
ズーム範囲
- 最小：0.33x（33%）
- 最大：1.0x（100%）
- ステップ：1 回あたり 5%
ズーム操作のたびに、キャンバス上部にズームインジケーターが短時間表示されます。
グリッド
キャンバスは 20px グリッドで、80px（グリッド 4 単位）ごとにメインラインがあります。タイルをドラッグまたはリサイズすると、すべてのタイル位置が自動的にグリッドにスナップします。
タイルの作成
- 空のキャンバスをダブルクリック — その位置にターミナルタイルを作成します。
- Cmd+Shift+P（コマンドパレット）→ New Terminal / New Note / Open File — 特定のタイルタイプを作成します。(Cmd+K はグローバル検索オーバーレイを開きます。)
- ファイルツリーまたは Finder からキャンバスへファイルをドラッグ — コードタイルを作成します（画像ファイルの場合は画像タイル）。
タイルの操作
- タイトルバーをドラッグしてタイルを移動します。
- 任意の端またはコーナーをドラッグしてリサイズします。
- クリックでタイルにフォーカスし、最前面に表示します。
- すべてのタイルの最小サイズは 200×150px です。
ミニマップ
キャンバスにフレームがある場合、左上角にミニマップが表示されます。すべてのフレームの縮小概観と現在のビューポート位置を示します。
- ホバーで小さな円（48px）からフルプレビュー（220px）に展開します。
- ミニマップ内のフレームをクリックすると、自動ズーム付きでそのフレームにジャンプします。