e5b147148e
New 'AI & Automation' top-level nav section with 9 pages: - AI Chat: setup, 87 tools, example prompts - Collaboration: room sharing, cursors, follow mode - JSX Renderer: elements, style props, visual diffing - CLI (4 pages): inspecting, exporting, analyzing, scripting - MCP Server: moved from Reference, setup + 90 tools New CLI reference page in Reference with all 12 commands, every option, alias, and default value. Formatting fixes across all 7 locales: - Wrap enum values in backticks (FRAME, SOLID, ROUND, etc.) - Fix single-backtick code blocks → triple backticks - Use <kbd> for all keyboard shortcuts - Remove implementation details from user guide - Delete stale eval-command.md and mcp-tools.md (14 files) - Update dead links to new locations
1.8 KiB
1.8 KiB
| title | description |
|---|---|
| Canvas Navigation | Panning, zooming, and the hand tool in OpenPencil. |
Canvas Navigation
The canvas is your infinite workspace. You can pan and zoom freely to navigate your design.
Panning
Move the visible area of the canvas without affecting any objects.
- Space + drag — hold Space and drag anywhere on the canvas
- Middle mouse drag — press and drag the middle mouse button
- Two-finger trackpad — swipe with two fingers on a trackpad
Hand Tool
Press H to activate the hand tool for continuous panning. Any drag on the canvas pans the viewport without needing to hold Space. Switch to another tool (e.g., V for Select) to deactivate.
Zooming
Zoom in and out centered on your cursor position.
- Ctrl + scroll (or ⌘ + scroll on Mac) — scroll up to zoom in, scroll down to zoom out
- Pinch gesture — pinch on a trackpad to zoom in/out
- Keyboard shortcuts — see table below
Pinch-to-zoom on UI panels (layers, properties) is prevented so it doesn't accidentally change the browser zoom level.
Keyboard Shortcuts
| Action | Mac | Windows / Linux |
|---|---|---|
| Pan | Space + drag | Space + drag |
| Hand tool | H | H |
| Zoom in | ⌘+ | Ctrl + + |
| Zoom out | ⌘− | Ctrl + − |
| Zoom to 100% | ⌘0 | Ctrl + 0 |
Tips
- Zooming always targets the cursor position, so point at what you want to see closer.
- The hand tool is useful when you need to pan frequently — it stays active until you switch tools.
- See Selection & Manipulation for how to work with objects on the canvas.