11 Canvas View - grymmjack/DRAW GitHub Wiki
What you'll learn: How to navigate any canvas β zoom, pan, the floating Preview Window, pattern-tile preview, reference images, fill / clear shortcuts, and canvas resize / crop.
π― Goal: Navigate canvases of any size efficiently.
| Action | Shortcut |
|---|---|
| Zoom in/out continuously |
Ctrl+Mouse wheel |
| Zoom in / out 1 step |
Ctrl+= / Ctrl+-
|
| Reset to 100% | Ctrl+0 |
| Zoom to canonical level | Hold Z and press 1-8 for 100%-800%, 9 for 1600%, and 0 for 3200% |
| Zoom tool |
Z ( ) |
| Zoom to dragged region |
Z then drag |
| Zoom out (Zoom tool) |
Alt+Click |
Zoom snaps to canonical levels: 25%, 50%, 75%, 100%, 200%, 300%, 400%, 600%, 800%, 1600%, 3200%
You can pan with any tool active, no need to switch:
- Middle-mouse-drag.
-
Spacebar+drag. - Double-middle-click β instantly resets pan and zoom to fit the canvas.
Scrollbars appear automatically for canvases larger than the viewport. The canvas border (#) outlines the edge of the canvas at any zoom.
π― Goal: Use preview and tiling for workflow efficiency.
F4 toggles the Preview Window, a floating, resizable, repositionable secondary view. It runs in one of three modes:
- Follow β a magnifier that tracks the cursor.
- Floating Image β a static reference display (e.g., the source you're tracing).
- Bin Quick Look β hover any drawer slot to see its content full-size in the preview.
Independent zoom and pan inside the preview, plus Alt+Click to color-pick without switching tools. The preview also remembers up to 10 recent images for quick swaps.
View β Pattern Tile Mode (or the tile-mode button in the Advanced Bar) toggles a 3Γ3 tiled preview (up to 512Γ512 source). Seams in seamless textures jump out instantly because they appear nine times.
-
Grayscale Preview β
Ctrl+Alt+Shift+G. Inspect value structure without color distraction. -
Reference Image β
Ctrl+R. See Chapter 15.
-
Deleteβ clear (Edit β Clear). Removes the active selection's pixels (or the whole layer if no selection). No prompt. -
Backspaceβ fill with FG color. Instant, no prompt. -
Shift+Backspaceβ fill with BG color. Instant.
-
Crop tool (
) β interactive with handles; commit with Enter.
- Drag handles inward to trim the canvas to the selected region.
- Drag handles outward past a canvas edge to grow the canvas in that direction β new pixels are transparent on all layers. This is a quick alternative to the canvas resize dialog when you just need to add space on one side.
- Arrow keys nudge the crop box 1px;
Shift+Arrownudges 10px.
- Image β Canvas Resizeβ¦ β dialog with anchor selection and pixel/percent toggle.
β‘οΈ Next: Chapter 12 β UI Customization & Settings
)