캔버스
무한 캔버스에서 워크스페이스를 탐색하고 구성합니다.
캔버스는 무한하고 확대/축소 가능한 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)로 확장됩니다.
- 미니맵의 프레임을 클릭하면 자동 줌과 함께 해당 프레임으로 이동합니다.