Рафаэль animateWith - происхождение анимации?

Question

Есть ли способ, в котором я могу анимировать определенный элемент Рафаэля вокруг происхождения другого элемента? Например, в скрипке ниже есть большой серый прямоугольник и меньший синий квадрат. Когда я нажимаю красный или зеленый квадрат, оба изображения вращаются либо по часовой стрелке, либо против часовой стрелки. Я хочу, чтобы синий квадрат вращался не только на 90 градусов, но и плавно переводил его так, что он сидит в углу серого прямоугольника.

anim = Raphael.animation({transform: "r"+(spincount+90)}, 500); 
big.animate(anim); 
small.animateWith(big, animParam , anim); 

http://jsfiddle.net/nUXVz/

Единственное, что я могу вспомнить, как я не использую метод animateWith() должным образом, или в моей анимации, мне нужно применить какой-то перевод.

Спасибо!

Answer 1

После нескольких часов работы мне удалось получить то, что я хотел.

http://jsfiddle.net/nUXVz/1/

Чтобы получить то, что я шел, я в конечном итоге добавив перевод к анимации. Поэтому я переводил из середины большего серого прямоугольника (координата + (длина/2) для обоих направлений x и y).

anim = Raphael.animation({transform: "r"+(spincount+90)+","+axisX+","+axisY}, 500); 

Если у кого-либо еще есть какие-либо дополнительные вопросы или более легкое решение, не стесняйтесь публиковать сообщения.