Rotated Shape Alignment

Rotated Shape Alignment

Overview

Alignment guides and alignment commands use the visual bounds of rotated objects. The extreme points (leftmost, rightmost, topmost, bottommost) drive where guides appear and where snapping happens.

Access in the Editor

  • Drag a rotated object near another object or the canvas edge to see alignment guides.
  • Select multiple objects and use Align Left, Center, Right, Top, Middle, or Bottom.

Alignment Guides

  • Guides are computed from stage-space client bounds, so rotation is reflected in the guide position.
  • For rotated rectangles, guides align to the corner that is visually furthest in that direction.

Alignment Commands

  • Alignment commands use the same bounds logic as guides.
  • Rotated objects align by their visible edges, not the unrotated size box.

Notes

  • Pan and zoom do not change the snapping logic.
  • Hold Alt/Option to temporarily disable snapping.

Example

  1. Rotate a rectangle 30 degrees.
  2. Drag it near another object until the leftmost corner aligns.
  3. Use Align Left on a multi-selection to line up the same visual edge.