Javascript 在拉斐尔中将对象作为一个组旋转

Javascript 在拉斐尔中将对象作为一个组旋转,javascript,canvas,raphael,Javascript,Canvas,Raphael,我是拉斐尔的新手,我试着做两个圆,在与画布中心相关的圆形轨道中移动 这里我用省略号来说明这个例子。黑点是画布的中心 我使用set()对圆进行分组,但当尝试旋转它们时,它们使用各自的中心进行旋转,我认为对圆进行分组组的新几何体会发生变化,成为组中心的黑点 如何将这些圆作为一个对象连续旋转 以下是我正在使用的代码: $().ready(function(){ var paper = Raphael("canvas", 640, 480);

我是拉斐尔的新手,我试着做两个圆,在与画布中心相关的圆形轨道中移动

这里我用省略号来说明这个例子。黑点是画布的中心

我使用set()对圆进行分组,但当尝试旋转它们时,它们使用各自的中心进行旋转,我认为对圆进行分组组的新几何体会发生变化,成为组中心的黑点

如何将这些圆作为一个对象连续旋转

以下是我正在使用的代码:

$().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));
            });

已解决:将旋转中心指定为“R360302240”:

var anim = Raphael.animation({"transform":"r360,320,240"},2000);
rotate()已弃用,但解释了允许的参数:

这里的示例已在jsfiddle.net上更正