Snap.svg：在動畫上動畫製作多個相同類型的零件

Question

我正在製作，主要是爲了獲得東西，一個使用Snap.svg JS庫的小動畫/測試。

這裏的鏈接到我的網上實驗，代碼：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); 

Answer 1

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

需要YOUT數組轉換爲字符串...只是使用.join(',')