How to use the bodymovin/build/player/bodymovin.js.loadAnimation function in bodymovin

To help you get started, we’ve selected a few bodymovin 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 chenqingspring / ng-lottie / dist / esm / src / lottieAnimationView.component.js View on Github external
ngOnInit() {
        this._options = {
            container: this.lavContainer.nativeElement,
            renderer: 'svg',
            loop: this.options.loop !== false,
            autoplay: this.options.autoplay !== false,
            animationData: this.options.animationData,
            path: this.options.path || ''
        };
        this.viewWidth = this.width + 'px' || '100%';
        this.viewHeight = this.height + 'px' || '100%';
        let anim = bodymovin.loadAnimation(this._options);
        this.animCreated.emit(anim);
    }
}
github ModusCreateOrg / beep / src / components / PageUnsafe.vue View on Github external
loadAnimation() {
      this.animation = bodymovin.loadAnimation({
        animationData,
        container: document.getElementById('lottie'),
        renderer: 'svg',
        loop: true,
        autoplay: true,
        name: 'unsafe',
      })
    },
    goToHelp() {

bodymovin

After Effects plugin for exporting animations to SVG + JavaScript or canvas + JavaScript

MIT
Latest version published 7 years ago

Package Health Score

59 / 100
Full package analysis