How to use the lottie-web.destroy function in lottie-web

To help you get started, we’ve selected a few lottie-web examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ctf0 / Laravel-Media-Manager / src / resources / assets / js / modules / events.js View on Github external
EventHub.listen('no-files-hide', () => {
    lottie.destroy('no_files_anim')
})
github ctf0 / Laravel-Media-Manager / src / resources / assets / js / modules / events.js View on Github external
EventHub.listen('no-search-hide', () => {
    lottie.destroy('no_search_anim')
})
github thedevelobear / react-rewards / src / components / Memphis.js View on Github external
const memphis = (container) => {
  lottie.loadAnimation({
    container: container,
    renderer: 'svg',
    rendererSettings: {
      className: 'absolute-player'
    },
    loop: false,
    autoplay: true,
    animationData: animationData,
    onComplete: lottie.destroy()
  })
}
export default memphis
github ctf0 / Laravel-Media-Manager / src / resources / assets / js / modules / events.js View on Github external
EventHub.listen('ajax-error-hide', () => {
    lottie.destroy('ajax_error_anim')
})
github magna25 / lottie-editor / src / App.js View on Github external
lottieRender = () => {
    lottie.destroy()

    let animation = lottie.loadAnimation({
      container: document.getElementById("preview"), 
      renderer: "svg",
      loop: true,
      autoplay:true,
      animationData: this.state.data,
    });
    if(this.state.paused) animation.goToAndStop(this.state.currentFrameTime,true)
    animation.addEventListener('enterFrame',this.updateCurrentFrame)
    
  }
github ctf0 / Laravel-Media-Manager / src / resources / assets / js / modules / events.js View on Github external
EventHub.listen('loading-files-hide', () => {
    setTimeout(lottie.destroy('loading_files_anim'), 50)
})