useEffectsControls
useEffectsControls() to kompozyt właściwości efektów używany przez panele efektów.
Udostępnia pomocniki dla:
- domyślnych efektów
- logiki cieni vs rozmyć
- stanu rozwinięcia elementów
- edycji z podglądem przeciągania
- aktualizacji z zatwierdzaniem po zakończeniu
- zmiany typu efektu i koloru
Użycie
ts
import { useEffectsControls } from '@open-pencil/vue'
const effects = useEffectsControls()Podstawowy przykład
ts
const { effectOptions, createDefaultEffect, toggleExpand, scrubEffect, commitEffect } = useEffectsControls()Przykłady praktyczne
Dodaj domyślny efekt
ts
const effect = effects.createDefaultEffect()Podgląd zmian przeciągania, następnie zatwierdź
ts
effects.scrubEffect(node, index, { radius: 12 })
effects.commitEffect(node, index, { radius: 12 })