围绕其中心 d3 旋转 svg 路径

Rotate svg path around its centre d3

本文关键字：旋转 svg 路径 d3      更新时间：2023-09-26

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

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

我

环顾四周，不明白我找到的例子。这是我所拥有的：

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

我想每 300 毫秒旋转几度。

您的原始代码似乎不是很实用（不需要旋转的逗号）。所以去掉这些，你的陈述是要求 svg 围绕 x、y 坐标 0、2（从左上角向下 2 个像素）旋转 0 度。 你想要的更接近：

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