useElementTransform

useElementTransform 用于将响应式对象同步到目标元素的 CSS 变换。

它使用 reactiveTransform 并将其绑定到目标。

参数

target

目标必须是元素（SVG / HTML），或对元素的引用。

如果目标引用被更新，则当前的变换将从新的元素样式中更新。

暴露

transform

Transform 是当前 target Transform Properties 作为响应式对象。

当您更改值时，它将相应地更新元素变换属性。

stop()

Stop 函数将停止将元素变换与响应式对象同步的监听器。

示例

const target = ref<HTMLElement>()

const { transform, stop } = useElementTransform(target)

transform.scale = 1.2
目录