Spirit SVG Animation - Как запустить анимацию при наведении / клике

Question

Я создал svg-анимацию с spiritapp.io, но там не написано документации, как запускать анимацию при наведении и нажатии (для мобильной версии).

Итак, как я могу начать анимацию только по клику? И на зависании тоже?

Я хотел бы запустить анимацию, когда я нажимаю или наведите курсор мыши на .mapmarker-div.

const mapmarker = document.querySelector('.mapmarker-div');

spirit.loadAnimation({
  play: true,
  path: 'json/mapmarker.json'
});

Answer 1

Решено! Я нашел решение.

Html:

<div onclick="play()" onmouseenter="play()">
<!--put your SVG animation here-->
</div>

JS:

let timeline
spirit.loadAnimation({
autoPlay: false,
path: 'json/mapmarker.json'
}).then(t1 => {
timeline = t1
})
function play() {
timeline.play(0)
}