Altsnap for Canvas Nodes

obsidian canvas nodes resizing boundaries were too tiny so i vibed this to copy AltSnap functionality but just for the canvas nodes. it works for mobile.

Move and resize canvas groups and notes the way AltSnap moves and resizes windows: hold Alt, then drag anywhere on the node. No hunting for tiny corner handles.

PC (mouse and keyboard)

One click resize: nothing needs selecting first. Hold Alt and drag whatever is under the cursor. A mouse plugged into a phone or tablet works this way too.

• Alt + right drag resizes. The node is split into zones like AltSnap, so grabbing anywhere near a corner resizes that corner, and the center resizes in all directions (configurable).
• Alt + left drag moves. Groups take everything inside them along.
• Notes first. If the cursor is over a note, the note is grabbed. Otherwise the innermost group under the cursor is grabbed, so nested groups behave.
• Selections. With several nodes selected (box select or Shift click), Alt + drag inside the selection box moves or resizes the whole selection as one box. Everything inside scales with it. Outside the box, Alt + drag still grabs single nodes like normal.
• Alignment snapping. The edge you drag lines up with the matching edge of the nearest neighbour beside, above or below it. Only one direction snaps at a time, and only when very close. Hold Shift to toggle. Once snapped it holds steady until you pull clearly away.
• Esc cancels a drag. Every action can be undone.
• Alt + click on empty canvas is swallowed, so right drag panning only happens without Alt.

example of alt resizing the selection box itself aswell as multiple different node selections:

Mobile (touch)

Touch works differently from PC so that one finger can still pan around the canvas.

• Select first. Touch only acts on the note, group or selection that is already selected. Tap to select it. Anything not selected works like normal.
• Touch and drag the selected item to resize it from where you touched, using the same zones as the mouse.
• Hold still, then drag to move it instead. Holding never resizes.
• On/off button in the canvas zoom controls pauses touch AltSnap, so dragging a selected item works the normal Obsidian way.
• A second finger cancels the drag so pinch zoom still works.
• No snapping on touch, so finger drags land exactly where you put them.

Settings

Most of AltSnap's own options that make sense on a canvas are here: hotkeys (left/right Alt, Ctrl, Shift, Win), two key combo, alternate action key, actions for all five mouse buttons plus alternate and double click actions, center and sides fractions, center resize mode, sticky resize, drag threshold, refresh/move/resize rates, opacity while dragging, cursor modes, and blacklists by group label or color. There are also settings for snap range and release, touch on/off, hold time, drag start distance and touch smoothing, plus a reset to defaults button.

Notes

• Uses Obsidian's internal canvas API, which isn't officially documented. A future Obsidian update may need a plugin update.
• If you run AltSnap itself, it grabs Alt + drag before Obsidian sees it unless Obsidian is fullscreen or blacklisted in AltSnap.

Credits

Resize zone logic is ported from AltSnap by RamonUnch (GPL-3.0). This plugin is also GPL-3.0.