首页 > 其他 > 详细

动画方案 Lottie 学习(二)之实战

时间:2019-11-06 17:56:43      阅读:98      评论:0      收藏:0      [点我收藏+]

代码

$(‘.success-info-title‘).append(‘<p class="normal_finish" id="normal_finish_anima" > </p>‘);
 
var animaPaht = data.changeSkinFlag&&data.changeSkinFlag == ‘midAutumnSkin‘ ? ‘/pay/js/biz/midAutumnNomrmalAnimaData.json‘: ‘/pay/js/biz/normalUserFinishAnimaData.json‘;
      window.Ariel.JSLoader.load(‘/pay/js/biz/lottie_svg.js‘, function () {
              var animation = bodymovin.loadAnimation({
              container: document.getElementById(‘normal_finish_anima‘),
              renderer: ‘svg‘,
              loop: false,
              autoplay: true,
              path: animaPaht
     });
});

引入文件

技术分享图片

 

注意

不能对已经存在的html添加lottie动画

 

动画方案 Lottie 学习(二)之实战

原文:https://www.cnblogs.com/kunmomo/p/11806854.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!