useStrokeControls
useStrokeControls() es el composable de propiedades de trazo usado por los paneles de edición de trazos.
Proporciona:
- opciones de alineación del trazo
- presets de lado como todos, superior, inferior, izquierda, derecha, personalizado
- datos de trazo por defecto
- helpers para los pesos de borde por lado
Uso
ts
import { useStrokeControls } from '@open-pencil/vue'
const strokes = useStrokeControls()Ejemplo básico
ts
const { alignOptions, sideOptions, currentAlign, currentSides, selectSide } = useStrokeControls()Ejemplos prácticos
Establecer la alineación del trazo
ts
strokes.updateAlign('INSIDE', activeNode)Limitar un trazo a un solo lado
ts
strokes.selectSide('TOP', activeNode)