Не работает вращение RaphaelJS

Я бьюсь головой об стену этим. У меня raphael js версии 2.0, и мне нужно заставить изображения вращаться в кросс-браузере. Я бы хотел сделать это в CSS3, но не все браузеры поддерживают то, что мне нужно.

Итак, напрягшись, я пошел на игровую площадку Рафаэля и попробовал там какой-то код. Там тоже не работает. Что здесь происходит?

перейдите на игровую площадку: http://raphaeljs.com/playground.html запустите этот код, вы увидите контур квадрата. {{1} } paper.rect (100, 100, 300,300) .animate ({вращение: "- 45"}, 2000);

с использованием преобразования работает:

paper.rect (100, 100, 300,300).animate ({transform: "r45"}, 2000);

но, к сожалению, с преобразованием я не могу указать центральную точку. Я хочу, чтобы объект вращался за левый нижний угол. Я могу сделать это с помощью этого кода:

paper.rect (100, 100, 300,300) .rotate (45,0,300)

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

Я видел "ротацию" в нескольких примерах, включая эти:

http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP http://net.tutsplus.com/tutorials / javascript-ajax / an-Introduction-to-the-raphael-js-library /

спасибо, - keith

5
задан keith73 26 October 2011 в 20:26
поделиться