Я бьюсь головой об стену этим. У меня 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