Canvas Surface Interactions - Marquee, Align, Snap, Measurement

[softmarshmallow]

[Marquee]

• Canvas Surface - Marquee Selection #212

[Align]

• align selection
• align with container
• align with container with container lock
• distribute evenly (horizontally, vertically)

[Snap]

• snap guide
• snap movement
• snap to pixel grid
• snap virtual group (selection bounding box)
• show snap when nudge

[Measure]

• measure distance - no intersection
• measure distance - intersection
• measure distance - contains
• render overlay

[Resize]

• nw ne sw se
• n e s w
• resize on rotated node
• resize group

[Rotate]

• nw ne sw se
• rotating 'rotate cursor'

[History]

• undo
• redo

[Shortkuts]

• bold (meta + b)
• select all siblings (meta + a)
• select children (enter)
• select parent (shift + enter)

[Drawing]

• polyline (no curves)

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
backgrounds	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2024 8:47pm
code	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2024 8:47pm
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2024 8:47pm
grida	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2024 8:47pm
www	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2024 8:47pm

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
legacy	⬜️ Ignored (Inspect)			Dec 26, 2024 8:47pm
sites	⬜️ Ignored (Inspect)	Visit Preview		Dec 26, 2024 8:47pm