Snap.svg:在动画中使用相同的种类对多个零件进行动画处理

Snap.svg: animate multiple parts with the same kind on animation

本文关键字：动画 零件 处理 种类 svg Snap      更新时间：2024-06-10

我正在制作一个使用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代码，但感觉有点失落。你们有人给我提建议吗？欢迎任何建议！

提前非常感谢。

EDIT：如果我将一个函数延迟0值，它就会工作。为什么？

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

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

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

相关文章：