文档

文档

JavaScript

概述

motionValue

正在检查 Motion+ 状态…

为所有人解锁,剩余时间

0111 小时05 分钟

一次性付款,无需订阅

已经加入?

正在检查 Motion+ 状态…

为所有人解锁,剩余时间

0111 小时05 分钟

一次性付款,无需订阅

已经加入?

正在检查 Motion+ 状态…

为所有人解锁,剩余时间

0111 小时05 分钟

一次性付款,无需订阅

已经加入?

Motion 值跟踪动画值的状态和速度。

它们是可组合的、类似信号的值,由于 Motion 通过其优化的帧循环来限制渲染,因此性能很高。

Motion 值通常由 animate 自动创建函数motion组件。它们通常不是您需要考虑的事情。

但是,对于高级用例,可以手动创建它们。

const x = motionValue(0)

x.on("change", latest => console.log(latest))

animate(x, 100)

通过手动创建 motion 值,您可以

  • 设置和获取它们的状态。

  • 通过 on 方法订阅更改。

  • 在启动新动画时自动结束现有动画。

const color = motionValue("#f00")

animate(color, "#0f0")

animate(color, "#333") // Will automatically end the existing animation
保持联系

订阅以获取最新新闻和更新。

保持联系

订阅以获取最新新闻和更新。