2013-12-10 34 views
0

我正在制作,主要是为了获得东西,一个使用Snap.svg JS库的小动画/测试。Snap.svg:在动画上动画制作多个相同类型的零件

这里的链接到我的网上实验,代码:http://codepen.io/nobilelucifero/pen/nmofF

的SVG是“压缩”,反正基本结构

#saucy 
    #dragon 
     #body 
     #ears 
     #... 

我正在努力使用相同的实现功能来执行大部分相同的动画,而不仅仅是我想移动的身体部位,而不是全部。

如果我删除,例如,耳朵相关的代码

// Animate Ears 
var bounceEars = new animBounce({'what': ears, 'r': -10, 'x': 130, 'y': 120}); 
bounceEars.init(); 

身体继续担任意动。相反,在一起,我想要移动的两个身体部位仅执行周期的第一部分。 我敢肯定,我错过了即使是基本的JS代码,但感觉有点失落。你有人对我有什么建议吗?欢迎任何建议!

非常感谢。

编辑:如果我推迟一个函数的0值,它的工作原理。为什么?

setTimeout(function(){ 
    bounceEars.init(); 
}, 0); 

回答

1
transform: 'r' + [this.args.r, this.args.x, this.args.y].join(',') 

需要YOUT数组转换为字符串...只是使用.join(',')

+0

哦,是的,没错!这是一个正确的观点,谢谢。 现在我只需要让他们两个循环,呃呃。但是,再次感谢! –

+2

u r欢迎... plz接受答案。 – rafaelcastrocouto