美文网首页
lottie切换动画

lottie切换动画

作者: zhumu3 | 来源:发表于2021-03-10 16:56 被阅读0次

    当lottie动画需要切换动画时,就是在第一个动画结束之后,播放第二个动画,看了一下lottie的github上的readme,找到一个onComplete方法,现在直接贴代码

    var baseParam={
            container: document.getElementById('lottie'),
            renderer: 'svg',
            autoplay: true,
        }
        var firstParam=JSON.parse(JSON.stringify(baseParam))
        firstParam.loop=false;
        firstParam.animationData=json;
        anim=lottie.loadAnimation(firstParam);
        anim.onComplete = () => {
            console.log("onComplete..."); //eslint-disable-line
            anim.destroy()
            var secondParam=JSON.parse(JSON.stringify(baseParam))
            secondParam.loop=false;
            secondParam.animationData=defaultAnimation
            lottie.loadAnimation(secondParam);
        }
    

    相关文章

      网友评论

          本文标题:lottie切换动画

          本文链接:https://www.haomeiwen.com/subject/qsiwqltx.html