javascript - 用旋转在纸上使矩形居中的公式

Question

我正在尝试以下面的方式在纸上旋转一个矩形

  var paper = new Raphael(document.getElementById('element'), 400, 400);
  paper.rect(1, 200, 200, 200).animate({transform:"r-45,200,200"}, 2000);  

但这并不完整。是否有任何算法可以将矩形在纸内居中。请帮助我。

Answer 1

你想在矩形的中心也旋转吗？你可以这样做：

var paper = new Raphael(document.getElementById('element'), 400, 400);
paper.rect(100, 100, 200, 200).animate({transform:"r-360,200, 200"}, 20000);

我更新了 jsfiddle 上的示例，我改变了你的轮换和时间，但你可以用这些做你喜欢的事情。