wx.createAnimation(OBJECT)

? 建设一个动画实例animation。。挪用实例的要领来形貌动画。。最后通过动画实例的export要向导出动画数据转达给组件的animation属性。。

注重:export要领每次挪用后会清掉之前的动画操作

OBJECT参数说明：

timingFunction 有用值：

var animation = wx.createAnimation({
  transformOrigin:"50% 50%",
  duration:1000,
  timingFunction:"ease",
  delay:0
})

animation

动画实例可以挪用以下要领来形貌动画，，，，挪用竣事后会返回自身，，，，支持链式挪用的写法。。

animation 工具的要领列表：

样式：

旋转：

缩放：

偏移：

倾斜：

矩阵变形：

动画行列

挪用动画操作要领后要挪用step()来体现一组动画完成，，，，可以在一组动画中挪用恣意多个动画要领，，，，一组动画中的所有动画会同时最先，，，，一组动画完成后才会举行下一组动画。。step 可以传入一个跟wx.createAnimation()一样的设置参数用于指定目今组动画的设置。。

示例：

<view animation="{{animationData}}" style="background:red,height:100rpx,width:100rpx"></view>

Page({
  data:{
    animationData:{}
  },
  onShow:function(){
    var animation = wx.createAnimation({
      duration:1000,
        timingFunction:"ease",
    })

    this.animation = animation

    animation.scale(2,2).rotate(45).step();

    this.setData({
      animationData:animation.export()
    })

    setTimeout(function(){
      animation.translate(30).step();
      this.setData({
        animationData:animation.export()
      })
    }.bind(this),1000)
  },
  rotateAndScale: function () {
    // 旋转同时放大
    this.animation.rotate(45).scale(2, 2).step()
    this.setData({
      animationData:animation.export()
    })
  },
  rotateThenScale: function () {
    // 先旋转后放大
    this.animation.rotate(45).step()
    this.animation.scale(2, 2).step()
    this.setData({
      animationData:animation.export()
    })
  },
  rotateAndScaleThenTranslate: function () {
    // 先旋转同时放大，，，，然后平移
    this.animation.rotate(45).scale(2, 2).step()
    this.animation.translate(100, 100).step({ duration: 1000 })
    this.setData({
      animationData:animation.export()
    })
  }
})

bug & tip

1. bug: iOS/Android6.3.30通过 step() 脱离动画，，，，只有第一步动画能生效