openpencil/packages/docs/de/programmable/sdk/api/composables/use-effects-controls.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.1 KiB

title description
useEffectsControls Effekte-Panel-Hilfsmittel für Schatten, Unschärfen, Erweiterungszustand und Scrub/Commit-Flows.

useEffectsControls

useEffectsControls() ist das Effekte-Eigenschafts-Composable, das von Effekte-Panels verwendet wird.

Es bietet Hilfsmittel für:

  • Standard-Effekte
  • Schatten- vs. Unschärfe-Logik
  • erweiterter Element-Zustand
  • Scrub-Vorschau-Bearbeitung
  • Commit-on-Finish-Aktualisierungen
  • Effekttyp- und Farbänderungen

Verwendung

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

const effects = useEffectsControls()

Einfaches Beispiel

const { effectOptions, createDefaultEffect, toggleExpand, scrubEffect, commitEffect } = useEffectsControls()

Praktische Beispiele

Einen Standard-Effekt hinzufügen

const effect = effects.createDefaultEffect()

Scrub-Änderungen in der Vorschau, dann committen

effects.scrubEffect(node, index, { radius: 12 })
effects.commitEffect(node, index, { radius: 12 })

Verwandte APIs