FIG-001/ GESTURE

zoomed drag board.

Switch zoom levels, then drag the tile. Coordinate correction keeps its visible center under the pointer and its edges inside the measured board.

  • Choose 50%, 100%, 150%, or nonuniform zoom before dragging.
  • The tile follows the pointer in screen space while callbacks remain in local board units.
  • The measured ref keeps every resting edge inside the visible board.
↩ all examples
pattern · scaled constrained drag mode · live running source
// transform page point zoom: 50% × 50%
DRAG local units
pointer locked measured bounds drag momentum: off
category · gesture
sheet · sheet 01 / 01
⟳ to re-run

Scaled Drag Board