useAppearance
useAppearance() предоставляет панелям свойств состояние и действия, связанные с внешним видом выделенных объектов.
С его помощью можно управлять:
- видимости
- прозрачности
- радиуса углов
- независимых радиусов углов
Использование
ts
import { useAppearance } from '@open-pencil/vue'
const appearance = useAppearance()Базовый пример
ts
const {
visibilityState,
opacityPercent,
cornerRadiusValue,
toggleVisibility,
toggleIndependentCorners,
} = useAppearance()Практические примеры
Переключить видимость выделения
ts
appearance.toggleVisibility()Редактировать радиус каждого угла отдельно
ts
appearance.updateCornerProp('topLeftRadius', 12)
appearance.commitCornerProp('topLeftRadius', 12, 8)