The canvas is the central workspace of the DRAGOPS editor. Every node in your pattern lives on the canvas, and you interact with it to build, organize, and navigate your automation graph.

Pan and zoom

You can navigate the canvas in several ways depending on your input device.

Pan — Select and drag on empty space to move the canvas. You can also use the middle mouse button to pan without risk of accidentally selecting a node.

Zoom — Scroll the mouse wheel to zoom in and out. On a trackpad, use a two-finger pinch gesture. The canvas zooms toward your cursor position so you can focus on a specific area.

Fit to view — Press Cmd+0 (Mac) or Ctrl+0 (Windows/Linux) to fit your entire pattern into the visible area. You can also press Home to achieve the same result. This is useful when you lose track of your nodes or want to see the full picture.

Select nodes

Single select — Select a node to highlight it and show its properties in the Inspector Panel. Select empty space on the canvas to deselect all nodes.

Multi-select — Drag a selection rectangle across empty canvas space to select every node within the rectangle. You can also hold Shift and select individual nodes to add them to the current selection.

Select all — Press Cmd+A (Mac) or Ctrl+A (Windows/Linux) to select every node on the canvas.

Move and arrange nodes

Drag any selected node to reposition it on the canvas. When you have multiple nodes selected, dragging one moves all of them together, preserving their relative positions.

There is no auto-layout — you control how your pattern is organized. A good practice is to keep execution flow running left to right and group related logic visually. Well-organized patterns are easier to read, debug, and maintain.

Delete nodes

Select the nodes you want to remove and press Delete or Backspace. This removes the nodes and disconnects all their wires. You can undo a deletion immediately with Cmd+Z (Mac) or Ctrl+Z (Windows/Linux).

Copy and paste

Select one or more nodes and press Cmd+C (Mac) or Ctrl+C (Windows/Linux) to copy them. Press Cmd+V (Mac) or Ctrl+V (Windows/Linux) to paste. Pasted nodes appear near your cursor and retain their internal wiring. This is a fast way to duplicate a group of connected nodes.

Undo and redo

Every canvas action — adding, deleting, moving, or connecting nodes — is recorded in the undo history.

Undo — Cmd+Z (Mac) or Ctrl+Z (Windows/Linux)
Redo — Cmd+Shift+Z (Mac) or Ctrl+Shift+Z (Windows/Linux). On Windows and Linux, Ctrl+Y also works.

Canvas