围绕其中心d3旋转svg路径

时间:2016-01-22 12:22:10

标签: javascript d3.js

我有一个简单的嵌齿轮画插画器。我已将svg标记放在索引页面中,一切都很顺利。我可以通过它的id访问它。

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

我环顾四周,并不理解我发现的例子。这就是我所拥有的:

{{1}}

我想每300毫秒旋转几度。

1 个答案:

答案 0 :(得分:2)

您的原始代码看起来不太实用(不需要旋转中的逗号)。所以拿出那些,你的陈述是要求svg围绕x,y坐标0,2旋转0度(从左上角向下2个像素)。你想要的更接近:

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