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: Pinch on a trackpad, or hold Ctrl / Command and use the mouse wheel or trackpad scroll to zoom in/out (0.05x–8x)
Pan: Mouse wheel or trackpad scroll
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

When the Document Settings panel is open, the page HUD is enabled. Click a page to select it with a dashed outline; click outside pages or switch to another panel to clear the page selection. Page numbers are shown only when there are two or more pages, and appear centered above the page in horizontal layouts.
While the Document Settings panel is open, node selection, movement, resizing, transformation, and text editing are disabled, and selected-node HUD controls are hidden.
While the Document Settings panel is open, + buttons between pages are always visible so you can insert a new page at any position.
Reorder pages by dragging the whole page and dropping onto the insertion guide.
Copy, paste, cut, and delete the selected page from the toolbar action buttons.
Choose the page layout in Document settings: stacked vertically, placed to the right, or placed to the left. When the layout changes, nodes on each page move with their page.

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, or the page selected in the Document Settings panel; while editing text, copy the selected text
`Ctrl` + `V` / `Cmd` + `V`	Paste nodes or pages from the clipboard; while editing text, paste into the text
`Delete`	Delete selected nodes, or the page selected in the Document Settings panel (undoable)
`←`	Move selected nodes by 1px (same for `→`/`↑`/`↓`)
`Shift` + `←`/`→`/`↑`/`↓`	Move selected nodes by 10px

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

Shortcut	Action
`Escape`	Close the open dialog

Note: Backspace deletion shortcut is not implemented.