小程序开发创建动画参数参考

动画

#createAnimation

Animation ft.createAnimation(Object object)

创建一个动画实例 animation。调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。

参数

Object object

timingFunction 的合法值

返回值

Animation

#Animation

动画对象

方法

• Array.<Object> Animation.export()
  导出动画队列。export 方法每次调用后会清掉之前的动画操作。

• Animation Animation.step(Object object)
  表示一组动画完成。可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下一组动画。

• Animation Animation.matrix()
  同 transform-function matrix

• Animation Animation.matrix3d()
  同 transform-function matrix3d

• Animation Animation.rotate(number angle)
  从原点顺时针旋转一个角度

• Animation Animation.rotate3d(number x, number y, number z, number angle)
  从 固定 轴顺时针旋转一个角度

• Animation Animation.rotateX(number angle)
  从 X 轴顺时针旋转一个角度

• Animation Animation.rotateY(number angle)
  从 Y 轴顺时针旋转一个角度

• Animation Animation.rotateZ(number angle)
  从 Z 轴顺时针旋转一个角度

• Animation Animation.scale(number sx, number sy)
  缩放

• Animation Animation.scale3d(number sx, number sy, number sz)
  缩放

• Animation Animation.scaleX(number scale)
  缩放 X 轴

• Animation Animation.scaleY(number scale)
  缩放 Y 轴

• Animation Animation.scaleZ(number scale)
  缩放 Z 轴

• Animation Animation.skew(number ax, number ay)
  对 X、Y 轴坐标进行倾斜

• Animation Animation.skewX(number angle)
  对 X 轴坐标进行倾斜

• Animation Animation.skewY(number angle)
  对 Y 轴坐标进行倾斜

• Animation Animation.translate(number tx, number ty)
  平移变换

• Animation Animation.translate3d(number tx, number ty, number tz)
  对 xyz 坐标进行平移变换

• Animation Animation.translateX(number translation)
  对 X 轴平移

• Animation Animation.translateY(number translation)
  对 Y 轴平移

• Animation Animation.translateZ(number translation)
  对 Z 轴平移

• Animation Animation.opacity(number value)
  设置透明度

• Animation Animation.backgroundColor(string value)
  设置背景色

• Animation Animation.width(number|string value)
  设置宽度

• Animation Animation.height(number|string value)
  设置高度

• Animation Animation.left(number|string value)
  设置 left 值

• Animation Animation.right(number|string value)
  设置 right 值

• Animation Animation-(number|string value)
  设置 top 值

• Animation Animation.bottom(number|string value)
  设置 bottom 值

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。