useStrokeControls
useStrokeControls() предоставляет панели обводок:
- варианты расположения обводки;
- варианты сторон: все, сверху, снизу, слева, справа или произвольная комбинация;
- значение новой обводки по умолчанию;
- функции для изменения толщины на отдельных сторонах.
Использование
ts
import { useStrokeControls } from '@open-pencil/vue'
const strokes = useStrokeControls()Базовый пример
ts
const { alignOptions, sideOptions, currentAlign, currentSides, selectSide } = useStrokeControls()Практические примеры
Разместить обводку внутри границы объекта
ts
strokes.updateAlign('INSIDE')Ограничить обводку одной стороной
ts
strokes.selectSide('TOP')