我正在使用snap svg加载一些svg图标,其中一些在动画中有2/3个停止点。 无论如何在Raphäel中添加Snap延迟(动画对象有延迟方法)。
var visualization = {
init: function () {
var tmp = Snap.load('assets/js/svg/visualization.svg', visualization.loadVis);
},
loadVis: function(d){
var tmp = d.select("#visualization");
paperVis.append(d);
},
animate: function(){
var flower = paperVis.select("#Flower");
flower.attr({
transform: 't0 30'
});
if (!flower.inAnim().length){
flower.animate({transform: 't0 24'},300, mina.easein);
flower.animate({transform: 't0 17'},300, mina.easein);
flower.animate({transform: 't0 0'},300, mina.easein);
}
}
我想知道如何为动画添加停止/延迟。动画为here。