8

これは答えるのが非常に簡単な質問だと思うので、私の無知を前もってお詫びしますが、行き詰まっています。

bodymovin を使用して、Web サイトで SVG アニメーションを再生しています。onComplete イベントを使用して、アニメーションの完了時に関数をトリガーしたいのですが、コーディング方法がわかりません。

私はもう試した

 $("#bodymovin").on("onComplete", function(){
        console.log('test completed');
    });

と

 document.getElementById("bodymovin").addEventListener("complete", doalert);

    function doalert() {
        console.log('test completed');
    }

Bodymovin ドキュメント - https://github.com/bodymovin/bodymovin#events

4

2 に答える 2

12

私はそれを考え出した。ここにコード全体があります

var anim;

var animData = {
    container: document.getElementById('bodymovin'),
    renderer: 'svg',
    loop: false,
    autoplay: true,
    rendererSettings: {
        progressiveLoad:false
    },
    path: 'thelogo.json'
};

anim = bodymovin.loadAnimation(animData);

anim.addEventListener('complete',doalert);

function doalert() {
    console.log('test completed');
}
于 2017-02-10T09:20:46.690 に答える