useAnimationFrame
useAnimationFrame 在每个动画帧运行一次回调。
useAnimationFrame((time) => { domRef.value.style.transform = `rotateY(${time}deg)` })
回调提供两个参数
time，自回调首次调用以来的总时长。delta，自上一动画帧以来的总时长。
<script setup> import { useAnimationFrame } from 'motion-v' const domRef = ref() useAnimationFrame((time, delta) => { domRef.value.style.transform = `rotateY(${time}deg)` }) </script> <template> <div :ref="domRef" /> </template>
useAnimationFrame 在每个动画帧运行一次回调。
useAnimationFrame((time) => { domRef.value.style.transform = `rotateY(${time}deg)` })
回调提供两个参数
time，自回调首次调用以来的总时长。delta，自上一动画帧以来的总时长。
<script setup> import { useAnimationFrame } from 'motion-v' const domRef = ref() useAnimationFrame((time, delta) => { domRef.value.style.transform = `rotateY(${time}deg)` }) </script> <template> <div :ref="domRef" /> </template>
useAnimationFrame 在每个动画帧运行一次回调。
useAnimationFrame((time) => { domRef.value.style.transform = `rotateY(${time}deg)` })
回调提供两个参数
time，自回调首次调用以来的总时长。delta，自上一动画帧以来的总时长。
<script setup> import { useAnimationFrame } from 'motion-v' const domRef = ref() useAnimationFrame((time, delta) => { domRef.value.style.transform = `rotateY(${time}deg)` }) </script> <template> <div :ref="domRef" /> </template>
