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

title description
usePosition Position, Größe, Rotation, Ausrichtung und Spiegelung ausgewählter Knoten lesen und aktualisieren.

usePosition

usePosition() ist ein Steuerelemente-Composable für positions-bezogene UI.

Es gibt Werte für ausgewählte Knoten zurück wie:

  • x
  • y
  • width
  • height
  • rotation

sowie Aktionen wie:

  • ausrichten
  • spiegeln
  • rotieren
  • numerische Eigenschaften scrubben/aktualisieren

Verwendung

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

const position = usePosition()

Einfaches Beispiel

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

Praktische Beispiele

Ausgewählte Knoten ausrichten

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

Auswahl spiegeln

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

Auswahl rotieren

position.rotate(90)

Verwandte APIs