javascript - 围绕其中心 d3 旋转 svg 路径

Question

我有一个用 illustrator 绘制的简单齿轮。我已将 svg 标记放在索引页中，一切正常。我可以通过它的 ID 访问它。

下面的代码是在那个时间段执行的函数的一部分，所以我不需要担心时间元素。

我环顾四周，但并不理解我找到的例子。这是我的:

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

我想每 300 毫秒旋转几度。

Answer 1

您的原始代码似乎不太实用(不需要 rotate 中的逗号)。因此，将它们取出，您的语句要求 svg 围绕 x、y 坐标 0、2(从左上角向下 2 个像素)旋转 0 度。你想要的更接近于:

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