javascript - Bodymovin JS によるマウスオーバー イベント

Question

After Effects からエクスポートされた SVG にマウスオーバー イベントを追加しようとしています。で SVG を再生したいと思いmouseoverます。これまでのところ、animation-play-state属性をいじってみましたが、うまくいきませんでした。また、スクリプトで使用onmouseoverしてみましたが、イベントリスナーを追加しようとしましたmouseoverが、まだ何もありません。私は何を間違っていますか？

var params = {
    container: document.getElementById('bodymovin'),
    renderer: 'svg',
    loop: true,
    autoplay: true,
    animationData: animationData

};

var anim;

anim = bodymovin.loadAnimation(params);

Answer 1

私はこのようにそれを行い、それは私のために働きます:

animContainer = document.getElementById('bodymovin');

var params = {
    container: animContainer,
    renderer: 'svg',
    loop: true,
    autoplay: true,
    autoplay:false,
    autoloadSegments: false,
    path: 'data.json'// path to your data.json file you rendered from AE

};

var anim;

anim = bodymovin.loadAnimation(params);
animContainer.addEventListener("mouseover", myScript);

function myScript(){
    anim.play();
}