openpencil/packages/docs/it/programmable/sdk/api/composables/use-position.md
Danila Poyarkov 14325280d9 docs(i18n): translate all missing pages to 6 languages
- 78 SDK pages per language (components, composables, advanced API,
  guides, architecture, getting-started)
- vector-edit.md user guide page (5 languages)
- Update stale ru/programmable/cli/inspecting.md
- Fix YAML frontmatter quoting for colons in descriptions

474 files, 0 missing pages across de/es/fr/it/pl/ru.
VitePress build verified — all 546 SDK pages render.
2026-04-22 18:35:22 +03:00

991 B

title description
usePosition Leggi e aggiorna posizione, dimensione, rotazione, allineamento e capovolgimento del nodo selezionato.

usePosition

usePosition() è un composable di controllo per la UI relativa alla posizione.

Espone valori del nodo selezionato come:

  • x
  • y
  • width
  • height
  • rotation

e azioni come:

  • allinea
  • capovolgi
  • ruota
  • scrub/aggiorna proprietà numeriche

Utilizzo

import { usePosition } from '@open-pencil/vue'

const position = usePosition()

Esempio base

const { x, y, width, height, rotation, updateProp, commitProp } = usePosition()

Esempi pratici

Allinea i nodi selezionati

position.align('horizontal', 'center')
position.align('vertical', 'min')

Capovolgi la selezione

position.flip('horizontal')
position.flip('vertical')

Ruota la selezione

position.rotate(90)

API correlate