SemianiakaVY/openpencil
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity
openpencil/packages/docs/es/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

1 KiB
Raw Permalink Blame History

title description
usePosition Lee y actualiza la posición, el tamaño, la rotación, la alineación y el volteo de los nodos seleccionados.

usePosition

usePosition() es un composable de control para la UI relacionada con la posición.

Expone valores de los nodos seleccionados como:

  • x
  • y
  • width
  • height
  • rotation

y acciones como:

  • alinear
  • voltear
  • rotar
  • arrastrar/actualizar propiedades numéricas

Uso

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

const position = usePosition()

Ejemplo básico

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

Ejemplos prácticos

Alinear nodos seleccionados

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

Voltear la selección

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

Rotar la selección

position.rotate(90)

APIs relacionadas