Bodymovin JSでのマウスオーバーイベント

Question

After EffectsからエクスポートされたSVGにmouseoverイベントを追加しようとしています。私はmouseoverで再生するSVGをしたいと思います。これまでのところ、私は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(); 
}