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