Canvas Basics
The main area of Shapora is called the canvas. This page explains the basic operations for placing and editing nodes.
Screen Layout
- Top-left — Toolbar (tool selection and action buttons)
- Top-right — Panel toggle buttons (Properties, Layers, Document Settings, Grid & Snap, Icon Library)
- Right side — Currently active panel
- Center — Canvas (work area)
Zoom and Pan
- Zoom: Mouse wheel to zoom in/out (0.05x–8x)
- Pan: Middle-button (wheel button) drag
- Pan: Shift + left drag
- Fit View: Click the Fit View button in the toolbar to automatically fit all nodes in the viewport
Page HUD
- A page HUD appears at the top-left of each page with duplicate, delete, and drag-handle controls. Page numbers are shown only when there are two or more pages.
- Use + buttons between pages to insert a new page at any position.
- Reorder pages by dragging a handle and dropping onto the insertion guide.
Keyboard Shortcuts
Editing
| Shortcut | Action |
|---|---|
| Ctrl + Z / Cmd + Z | Undo |
| Ctrl + S / Cmd + S | Save document |
| Ctrl + Shift + Z / Cmd + Shift + Z | Redo |
| Ctrl + C / Cmd + C | Copy selected nodes |
| Ctrl + V / Cmd + V | Paste from clipboard at the mouse cursor position |
| Delete | Delete selected nodes (undoable) |
| ← | Move selected nodes by 1px (same for →/↑/↓) |
| Shift + ←/→/↑/↓ | Move selected nodes by 10px |
Selection
| Operation | Action |
|---|---|
| Ctrl + click / Cmd + click | Multi-select (add to or remove from selection) |
| Ctrl + A / Cmd + A | Select all nodes in editable layers |
| Escape | Clear all selections |
Dialogs
| Shortcut | Action |
|---|---|
| Escape | Close the open dialog |
Note: Backspace deletion shortcut is not implemented.