这个想法是让两个 Raphael 对象一起移动,而其中一个对象正在旋转。在下面的示例中,我创建了两个动画 - 一个用于平移,一个用于旋转,但我没有让它们工作的运气。
var paper = Raphael(0,0,800,400);
var body = paper.rect(10,10,50,30);
var leg = paper.rect(30,35,10,30);
// translation - should be applied to both body and leg
var translation_anim = Raphael.animation( {transform: "t300,0"}, 2000 );
// rotation - to be applied to the leg only
var rotation_anim = Raphael.animation( {
"50%": { transform: "R" + (45).toString() },
"100%": { transform: "R" + (-1*45).toString() }
}, 2000);
body.animate(translation_anim);
leg.animateWith(body,rotation_anim,translation_anim);
小提琴:http: //jsfiddle.net/hx22d/