Portfolio BLog: C5log 記事をシェアする

再生/停止/一時停止のコード

lottie.loadAnimationを、animationという変数に格納する

const animation = lottie.loadAnimation({
  container: document.querySelector('.lottie'), /* Lottieの入れ物要素を指定する */
  renderer: 'svg',
  loop: true,
  autoplay: false,
  path: './ice-cream.json'
});

animationに対して、各種命令をつなげる

animation.play();   // 再生
animation.stop();   // 停止
animation.pause();  // 一時停止
animation.goToAndPlay(20, true);  // 20フレーム目から再生
animation.goToAndStop(20, true);  // 20フレーム目で停止