Поворот изображения с помощью Javascript

Question

Во-первых, в настоящее время я использую JQuery, поэтому решения JQuery жизнеспособны.

---

Я хочу повернуть изображение на динамические X градусов, которые рассчитываются каждую секунду.

Теперь у меня все отлично работает с этим плагином JqueryRotate

Изображение вращается идеально каждую секунду. Но сейчас я пытаюсь сделать что-то более сложное.

Я хочу повернуть 4 прозрачных изображения друг на друга. В настоящее время у меня есть четыре <img> тега, все они правильно выровнены и выглядят красиво и красиво ^ _ ^, но с помощью плагина JqueryRotate, о котором я упоминал ранее, принудительно перерисовывается изображение, поворачивая его, теряя прозрачность, поэтому отображается только самое верхнее изображение, которое, очевидно, не собирается работать.

Итак, что такое хорошая библиотека / плагин или способ поворота изображения при сохранении прозрачности? *

Должно работать в Opera, Safari, Chrome, Firefox и IE8 +

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

Answer 1

Raphael - отличная библиотека, которая работает в IE (с VML) и других браузерах (с SVG). Он может вращать изображения и работать с прозрачностью.

Я не знаю других способов справиться с IE. Решения CSS довольно просты, но они не работают в IE.

Другим вариантом является имитация поворота изображения с помощью CSS-спрайтов ( в примере выполняется имитация трехмерного вращения, но 2d также прост ).

Answer 2

Ну, это может работать даже с плагином jQueryRotate , вы спрашивали об этом автора (меня)? : P Я не читаю stackoverflow так часто, чтобы отвечать на такие запросы:)

Answer 3

Вы можете посмотреть на использование Canvas. Нет встроенной поддержки от IE 8, но есть плагин: http://ajaxian.com/archives/explorer-canvas-updated-for-ie-8-and-more.

Если вы готовы согласиться с требованиями к плагину, Canvas должен облегчить вашу работу.

Answer 4

Ваш лучший шанс - использовать canvas и использовать взломанный IE.

В CSS-ротации для IE, как и в большинстве других хаков для IE, используется свойство фильтра, которое почти наверняка повлияет на взлом фильтра, используемый для прозрачных изображений, и взлом фильтра для изменения прозрачности.

Взломщик canvas, с другой стороны, использует собственный VML, который обрабатывает все, что вам нужно.

http://code.google.com/p/explorercanvas/

Я не знаю, насколько она эффективна, поэтому ваш пробег может варьироваться.