javascript - Snap.svg：动画上具有相同类型的多个部分

Question

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

这是我的在线实验和代码的链接： http: //codepen.io/nobilelucifero/pen/nmofF

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);

score 1 · Accepted Answer

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

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

1 回答 1