JQuery: одновременно скользить и вращать изображение

Question

У меня есть приложение, в котором мне нужно одновременно скользить и поворачивать изображение. В частности, если вы представляете футляр для компакт-диска, мне нужно вытащить компакт-диск из футляра (скажем, справа) и повернуть его на 360 градусов. Поворот должен быть от центра образа компакт-диска (как и ожидалось)

Может кто-нибудь помочь? Я был на этом несколько часов с очень ограниченным успехом.

Большое спасибо

Answer 1

Вы не можете надежно повернуть изображение на произвольную степень с помощью JavaScript. Посмотрите на RaphaelJS , который использует «Рекомендации SVG W3C и VML в качестве основы для создания графики». Он полностью независим от браузера и позволяет поворачивать изображение на произвольные градусы .

См. image и rotate для получения дополнительной информации.

Answer 2

Демонстрацию поворота изображения можно посмотреть здесь

Answer 3

AFAIK jQuery напрямую не поддерживает вращение как часть своей анимации (хотя, вероятно, неправильно!). Взгляните на Raphael.js для отличной поддержки анимации (его очень легко использовать, если вы знаете jQuery).