Javascript 围绕其中心d3旋转svg路径

我有一个简单的齿轮画在illustrator。我已经将svg标记放在索引页面中，一切都很好。我可以通过它的id访问它

下面的代码是在该时间段执行的函数的一部分，因此我不需要担心时间元素

我环顾四周，不理解我找到的例子。这就是我所拥有的：

var motor=d3.select('#wheel')
motor.attr('transform', 'rotate(0, 0, 2)');

---

我想每300毫秒旋转几度

您的原始代码似乎不太实用（不需要rotate中的逗号）。去掉这些，您的语句要求svg围绕x，y坐标0，2（从左上角向下2个像素）旋转0度。您想要的更接近：

var motor=d3.select('#wheel')
motor.attr('transform', 'rotate(2 ' + (objectwidth / 2) + ' ' + (objectHeight/2) + ')');

---

var rotate=d3.svg.transform（）.rotate（amountOfRotation）然后是motor.attr（'transform'，rotate）；这就是你想要的吗？不，对不起，那似乎不起作用。你能模拟一下小提琴吗？这样我们就可以给它一把了。很抱歉，我不知道怎么用它。这是新的。这几乎可以工作，但是轮子向左跳了大约30个像素，并且没有继续旋转马达。attr（“transform”，“rotate（2）”）答案解决了你的问题吗？