圍繞其中心旋轉svg路徑d3

我有一個在illustrator中繪製的簡單齒輪。我已將svg標記放在索引頁中，一切正常。我可以通過它的ID訪問它。圍繞其中心旋轉svg路徑d3

下面的代碼是在該時間段執行的函數的一部分，所以我不需要擔心時間元素。

我環顧四周，不理解我找到的例子。這是我的：

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

我想旋轉幾度每300毫秒。

來源

2016-01-22 Bob Haslett

var rotate = d3.svg.transform（）。rotate（amountOfRotation）then motor.attr（'transform'，rotate）;那是你要的嗎？ http://stackoverflow.com/questions/20030473/combining-translate-and-rotate-with-d3 – thatOneGuy

沒有抱歉，似乎沒有工作 –

你可以嘲笑一個小提琴，所以我們可以給它一個去 – thatOneGuy

你原來的代碼似乎不是很有用（不需要旋轉逗號）。所以把它們拿出來，你的聲明是要求svg圍繞x，y座標0,2（從左上角向下2個像素）旋轉0度。你想要的更接近：

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

來源

2016-01-22 21:56:44

圍繞其中心旋轉svg路徑d3

回答

相關問題