在屏幕上连续动画 SVG答案

【问题标题】：Animating SVG across the screen continuously在屏幕上连续动画 SVG
【发布时间】：2016-07-27 17:18:33
【问题描述】：

我正在尝试使 SVG 对象像这样连续穿过屏幕：

但是我无法让它工作。我的猜测是因为 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)

但是，它不会连续运行。

任何帮助都会很棒！谢谢。

【问题讨论】：

【解决方案1】：

试试这个：

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

我不建议使用回调来循环使用 SVG

【讨论】：