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の例を更新し、回転と時間を変更しましたが、それらを使用して好きなことを行うことができます。