928 B
928 B
| title | description |
|---|---|
| usePosition | Read and update selected node position, size, rotation, alignment, and flipping. |
usePosition
usePosition() is a control composable for position-related UI.
It exposes selected-node values like:
xywidthheightrotation
and actions like:
- align
- flip
- rotate
- scrub/update numeric properties
Usage
import { usePosition } from '@open-pencil/vue'
const position = usePosition()
Basic example
const { x, y, width, height, rotation, updateProp, commitProp } = usePosition()
Practical examples
Align selected nodes
position.align('horizontal', 'center')
position.align('vertical', 'min')
Flip selection
position.flip('horizontal')
position.flip('vertical')
Rotate selection
position.rotate(90)