Canvas is the main visual viewport where geometry generated and rendered. It provides direct, interactive tools to manipulate shapes, edit paths.
Navigation
- Pan: MMB + drag, or swipe with two fingers on touch devices.
- Zoom: scroll Mouse Wheel, or use pinch-to-zoom on touch screens.
- Fit View: press Shift + F to center and fit all objects into the viewport.
- Fullscreen: press Ctrl + Shift + F to toggle fullscreen mode.
Interactive modes
Canvas switches into different interactive modes depending on the selected node.
Tip: contextual shortcuts overlay will appear at the bottom of the screen if enabled in settings.
Transform & special gizmos
Select a transformable node (like Transform, Match Size, or Bend) and press Enter over canvas to activate its interactive gizmo. This allows directly manipulate handles for position, scale, rotation, or effect-specific parameters (like a clip plane angle).
Path editing
Double-click any Path node on the canvas to enter path edit mode.
- Click and drag points or bezier handles to adjust the curve.
- Shift + Click to add a new point.
- Alt + Click to toggle a point between sharp and smooth.
Pencil drawing
Select a Pencil node. If it’s empty, drawing mode activates automatically. Click and drag to draw freehand strokes. Press E to toggle the eraser.
Group selection
When using Group node in Manual mode, click Pick from Canvas. Then LMB + drag selection box over shapes or points directly on the canvas to add to group.
Guides & rulers
To enable visual guides and rulers to help align artwork:
- Open
Viewmenu in Canvas menubar. - Toggle
Show guides(this will also automatically show rulers). - Click and drag from the top or left ruler onto the canvas to create a new guide line.
- To move a guide, drag it with your mouse. To delete it, drag it back onto the ruler or select it and press Delete or Backspace.
Artboard guides
When setting up scenes without a dedicated Artboard node, you can enable the Artboard Guide visual overlay.
This gives a reference frame for standard aspect ratios (like Desktop 1440x1024 or Mobile). Use dropdown in top Canvas menubar to toggle and size it.
Shortcuts
| Add a new point | Shift LMB |
| Add a smooth point | Shift LMB Drag |
| Slide point along edge | CtrlDrag |
| Snap to 90° increments | ShiftAltDrag |
| Snap to 45° increments | CtrlShiftDrag |
| Insert a point | Shift LMB |
| Delete a point under cursor | CtrlShift LMB |
| Delete selected points | Del |
| Convert point to sharp or smooth | Alt LMB |
| Break handle symmetry | Alt LMB Drag |
| Lock handle to current angle | CtrlShiftDrag |
| Close an open path | LMB |
| Add to selection | ShiftDrag |
| Remove from selection | AltDrag |
| Exit | Esc |
| Enter 2D Gizmo mode for selected shape | Enter |
| Constraint to axis | Shift |
| Mirror movement | ShiftAlt |
| Toggle canvas background color | D |
| Toggle canvas fullscreen | CtrlShiftF |
| Toggle timeline | ShiftT |
| Erase | E |
| Add a new gradient point | Shift LMB |
| Remove a gradient point | Alt LMB |