微信小程序学习笔记-文字轮播

平时开发小程序，都有动画的需求，比如最简单的文字轮播：
首先：调用wx.createAnimation(Object object)声明一个对象赋值动画的初始属性

var animation = wx.createAnimation({
  transformOrigin: "50% 50%", // 对象旋转的基点
  duration: 0, // 动画持续时间ms
  timingFunction: "linear", // 动画的效果  linear-动画从头到尾的速度是相同的
  delay: 0 //动画延迟时间，单位 ms
})
// 以上的属性非必填 因为会默认赋值

timingFunction 的合法值
linear	动画从头到尾的速度是相同的
ease	动画以低速开始，然后加快，在结束前变慢
ease-in	动画以低速开始
ease-in-out	动画以低速开始和结束
ease-out	动画以低速结束
step-start	动画第一帧就跳至结束状态直到结束
step-end	动画一直保持开始状态，最后一帧跳到结束状态 返回值

然后：对动画对象的赋值以及调用

var that= this;
that.animation = animation;
var width = wx.getSystemInfoSync().screenWidth; // 获取设备的屏幕