Javascript Snap.svg:在动画中为具有相同类型的多个零件设置动画

Javascript Snap.svg:在动画中为具有相同类型的多个零件设置动画,javascript,animation,svg,snap.svg,Javascript,Animation,Svg,Snap.svg,我正在制作,主要是为了得到这个东西,一个小的动画/使用JS库的测试 以下是我的在线实验和代码的链接: SVG是“压缩的”,但基本结构是 #saucy #dragon #body #ears #... 我正在努力实现的是使用相同的功能对我想要移动的身体部位执行几乎相同的动画,而不是所有部位 例如,如果我删除与Ears相关的代码 // Animate Ears var bounceEars = new animBounce({'what':

我正在制作,主要是为了得到这个东西,一个小的动画/使用JS库的测试

以下是我的在线实验和代码的链接:

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

#saucy
    #dragon
        #body
        #ears
        #...
我正在努力实现的是使用相同的功能对我想要移动的身体部位执行几乎相同的动画,而不是所有部位

例如,如果我删除与Ears相关的代码

// Animate Ears
var bounceEars = new animBounce({'what': ears, 'r': -10, 'x': 130, 'y': 120});
bounceEars.init();
身体继续按预期运动。相反,我想移动的两个身体部位一起只执行循环的第一部分。 我肯定我遗漏了一些基本的JS代码,但我觉得有点迷失了。你们有谁对我有什么建议吗?欢迎任何意见

先谢谢你

编辑:如果我将一个函数延迟0个值,它就会工作。为什么?

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

您需要将yout数组转换为字符串。。。只需使用
.join(',')

哦,是的,对了!这是一个正确的观点,谢谢。现在我只需要让它们都循环,嗯。不过还是谢谢你!
transform: 'r' + [this.args.r, this.args.x, this.args.y].join(',')