与Bodymovin JS的鼠标悬停事件
问题描述:
我正在寻找将鼠标悬停事件添加到从After Effects导出的SVG。我想让SVG在mouseover
上玩。到目前为止,我已经玩弄了animation-play-state
属性,但它没有奏效。我也尝试在脚本中使用onmouseover
,并尝试为mouseover
添加事件侦听器,但仍然没有任何结果。我究竟做错了什么?与Bodymovin JS的鼠标悬停事件
var params = {
container: document.getElementById('bodymovin'),
renderer: 'svg',
loop: true,
autoplay: true,
animationData: animationData
};
var anim;
anim = bodymovin.loadAnimation(params);
答
我不喜欢这样,它为我的作品:
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();
}