javascript - 如何使用Snap.svg为​​轮子设置动画？

当我尝试为车轮设置动画时，我遇到了问题。
您可以在example中看到它。

我读了article并尝试编写了代码，但是也许我错过了一些东西。

function moveWheels() {
 wheel_right_needles.animate({ transform: 'r0 ' +
  getCenterPoint(wheel_right_needles) });

 setTimeout(function() {
  wheel_right_needles.animate({ transform: 'r90 ' +
  getCenterPoint(wheel_right) }, 1000, function() {
    moveWheels();
  });
 }, 300);
}

moveWheels();

我究竟做错了什么？

最佳答案

我修好了它。这是一个小提琴（click here），您可以检查

我将功能更改如下：

function moveWheels() {
   var c=getCenterPoint(wheel_right_needles);
    wheel_right_needles.transform("r0," + c);
     wheel_right_needles.animate({ transform: 'r360 ' + c }, 1000, function()  {
       moveWheels();
    });
}

另外，我注意到轮动画在旧版的snapsvg上有效
https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js