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的