Raphael에서 그룹으로 개체를 회전하십시오.

Question

저는 Raphael을 처음 접했고 캔버스의 중심과 관련된 원형 궤도에서 두 개의 원을 움직이려고합니다.

여기서는 사례를 설명하기 위해 타원을 만들었습니다. 검은 점은 캔버스의 중심입니다.

http://jsfiddle.net/QCSb9/

나는() 그룹에 동그라미를 설정 사용하지만, 그들을 회전 할 때, 그들은 개별적으로 자신의 센터를 사용하여 회전, 나는되고, 원에게 그룹의 새로운 형상을 그룹화하는 변경 것이라고 생각 검은 색은 그룹의 중심을 가리 킵니다.

이 원을 어떻게 하나의 객체로 계속 회전시킬 수 있습니까?

$().ready(function(){ 

       var paper = Raphael("canvas", 640, 480); 
       paper.rect(0, 0, 640, 480, 10).attr({fill: "#fff", stroke: "none"}); 
       paper.circle(320, 240, 1).attr({"fill":"#000000","stroke-width":0});     

       var circles = paper.set(); 
       circles.push(
        paper.ellipse(200, 240, 30, 25), 
        paper.ellipse(440, 240, 30, 25) 
       ); 

       circles.attr({"fill":"#e00000","stroke-width":0}); 

       var anim = Raphael.animation({"transform":"r360"},2000); 
       circles.animate(anim.repeat(Infinity)); 
      }); 

Answer 1

가 해결 : 여기

내가 사용하고 코드입니다

var anim = Raphael.animation({"transform":"r360,320,240"},2000); 

회전 (: 그것은"r360,320,240"에 회전 중심을 지정하는 문제였다)는 사용되지 않지만 허용되는 매개 변수를 설명합니다.

http://raphaeljs.com/reference.html#Element.rotate

여기서 예 jsfiddle.net

http://jsfiddle.net/SW3sP/1/

하여 보정