SVG动画效果在屏幕上不断

Question

我试图动画的SVG对象不断在屏幕上，以这样的：

http://jsfiddle.net/PPVda/

但是我无法得到它的工作。我的猜测是因为SVG不支持CSS .animate。

所以我试着用velocity.js代替。

我已经设法重新定位使用我的SVG：

$.Velocity.hook($("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d")[0], "translateX", "-300px");

而且使用它翻译：

$("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d").velocity({ 
    translateX: 4000, 
    }, 9000); 

使之成为不断，我用这个：

setTimeout(test(), 9000) 

但是，它不会连续运行。

任何帮助将是伟大的！谢谢。

Answer 1

试试这个：

$("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d").velocity({ 
    translateX: [4000, -600], 
},{ 
    duration: 9000, 
    easing: "lnear", 
delay: 0 
}); 

https://davidwalsh.name/svg-animation

我不推荐使用回调与SVG的