openpencil/packages/docs/fr/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

title description
usePosition Lit et met à jour la position, la taille, la rotation, l'alignement et le retournement du nœud sélectionné.

usePosition

usePosition() est un composable de contrôle pour les UI liées à la position.

Il expose les valeurs du nœud sélectionné comme :

  • x
  • y
  • width
  • height
  • rotation

et des actions comme :

  • aligner
  • retourner
  • faire pivoter
  • glisser/mettre à jour des propriétés numériques

Utilisation

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

const position = usePosition()

Exemple de base

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

Exemples pratiques

Aligner les nœuds sélectionnés

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

Retourner la sélection

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

Faire pivoter la sélection

position.rotate(90)

API associées