jQuery - 什么是Tween对象？

Question

我已经遇到过这个术语很多次，但是我找不到关于它的详细定义 例如，某些jQuery方法中的参数fx为Tween.init。

有人能提供一些帮助吗？

Answer 1

Tween在JQuery中的animation中使用。 Tween.js是Tween的独立示例。

  

中间，生成中间帧的过程的缩写   在两个图像之间给出第一个图像演变的外观   顺利进入第二张图像。补间是所有类型的关键过程   动画，包括电脑动画。精致的动画   软件使您能够识别图像中的特定对象   定义在补间过程中它们应该如何移动和改变。

来自http://www.webopedia.com/TERM/T/tweening.html

Answer 2

jQuery动画周围使用的对象和方法 - 补间，推文，钩子，前置过滤器等 - 即使它们似乎是公共API的一部分，也很难记录 。也许在这里列出一些资源是有帮助的。

• jim团队的成员Corey Frang在presentation on jQuery animation (slides)中有一些信息。实际上只有两个简洁的幻灯片。跳进right here。
• draft documentation for jQuery 1.8 Effects中有更多细节，由同一个人发布。这实际上是我能找到的主题上最有用的资源。

这是文档草案关于Tween对象的属性和方法的说法：

  

  
• elem：动画元素
  
• prop：动画属性
  
• easing：使用的缓动
  
• options：对动画选项的引用
  
• start：补间的起始值
  
• now：补间的当前值
  
• end：补间的结束值
  
• unit：补间的CSS单位
  
• cur()：从元素
中读取属性的当前值   
• run( progress )：progress是一个从0到1的数字。更新动画元素上属性的值。
  

将Tween实例传递给jQuery动画的step callback，并可用于在动画进行过程中对其进行操作。了解Tween API可能会派上用场。