H5页面引入lottie.min.js

<script type="text/javascript" src="/js/userPortrait/lottie.min.js"></script>

 

var select = function(s) {
    return document.querySelector(s);
  },
  selectAll = function(s) {
    return document.querySelectorAll(s);
  },
  animationWindow = select('#animationBox'),
  animData = {
    wrapper: animationWindow,
    // 渲染方式，svg、canvas、html（轻量版仅svg渲染）
    animType: 'svg',
    loop: true,
    prerender: true,
    autoplay: true,
    // 动画json文件路径
    path: '/js/userPortrait/data.json'
  },
  anim;
anim = lottie.loadAnimation(animData);
anim.setSpeed(1);

来源：oschina

链接：https://my.oschina.net/u/3939561/blog/4773992