命理八字之观音求签灵签摇晃抽签动画的实现

#小李子9479#

观音抽签uniapp动画实现，使用uniapp的createAnimation来创建一个animation动画对象，在这个对象里面写入动画的序列，详情见下面的代码，有几个点要注意。

1。使用image来绑定，不能使用div,img等html的标签来绑定动画

2。动画数据 animation的绑定，使用数组，因为uniapp可以很好的感知到数组的变化 ，而不太容易感知到变量的变化。这样可以实现在app,h5等各终端的动画起作用。

 onShow() {
        var that = this;
        that.animation = uni.createAnimation({
            duration: 50,
            transformOrigin: 'center bottom',//以底部中间为旋转点
            timingFunction: 'ease-in-out'
        });
    },

  et_tick: function () {
            var that = this;
            lsktl.audio.play("gyqq/sound.mp3");
            that.dhlist = [];
            for(var i=0;i<=10;i++){
                that.animation.rotate(-40).opacity(0.56).step().rotate(0).opacity(1).step().rotate(40).opacity(0.56).step().rotate(0).opacity(1).step();
            }
            var dhdata = that.animation;
            that.dhlist.push(dhdata.export());
            that.gdbox.total++;
        },