14325280d9
- 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.
1.1 KiB
1.1 KiB
| title | description |
|---|---|
| useEffectsControls | Helpers del panel de efectos para sombras, desenfoque, estado de expansión y flujos de arrastre/confirmación. |
useEffectsControls
useEffectsControls() es el composable de propiedades de efectos usado por los paneles de efectos.
Proporciona helpers para:
- efectos por defecto
- lógica de sombra vs desenfoque
- estado de elementos expandidos
- edición mediante arrastre con vista previa
- actualizaciones de confirmación al terminar
- cambios de tipo de efecto y color
Uso
import { useEffectsControls } from '@open-pencil/vue'
const effects = useEffectsControls()
Ejemplo básico
const { effectOptions, createDefaultEffect, toggleExpand, scrubEffect, commitEffect } = useEffectsControls()
Ejemplos prácticos
Añadir un efecto por defecto
const effect = effects.createDefaultEffect()
Previsualizar cambios con arrastre y luego confirmar
effects.scrubEffect(node, index, { radius: 12 })
effects.commitEffect(node, index, { radius: 12 })