Мероприятие по наведению курсора с Бодемовиным

Question

Я пытаюсь добавить событие наведения мыши в SVG, который был экспортирован из After Effects. Я бы хотел, чтобы 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();
}