为动画添加延迟

时间:2014-01-14 09:47:54

标签: javascript animation svg snap.svg

我正在使用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

0 个答案:

没有答案