与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(); 
}