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