Можно ли повернуть изображение с помощью JavaScript без холста или AJAX?

Question

Я видел несколько ротаторов изображений JavaScript, которые используют либо элемент HTML5 canvas, либо AJAX-вызов сценария на стороне сервера, но возможно ли это сделать без использования этих методов? Internet Explorer не поддерживает canvas (я знаю об excanvas, но я бы хотел обойтись без него, если это возможно), и я не уверен, будет ли AJAX достаточно гибким. Если есть способ, есть ли какие-либо сценарии с открытым исходным кодом, примеры или ресурсы, на которые вы могли бы мне указать?

Answer 1

Увы, CSS не поддерживает вращение изображений ни в каком виде, ни в форме, ни в форме (если не считать Преобразования CSS , которые поддерживаются только Safari 4 и Firefox 3.1).

Лучше всего использовать Raphael image () и rotate (), которые должны поддерживать все полу-современные браузеры (с использованием SVG) и большинство версий IE (с использованием VML).

Answer 2

Этот плагин jQuery работает в основных браузерах, включая IE: http://wilq32.googlepages.com/wilq32.rollimage222. Он использует excanvas, но, по крайней мере, позволяет вам оценить, достаточно ли этот метод для ваших целей.

Answer 3

Да, с помощью CSS Transform:

 var degree=180;
 document.getElementById('image_name').style.transform='rotate('+degree+'deg)';

Answer 4

Google твой друг: http://www.walterzorn.com/rotate_img/rotate_img.htm

Но недостатком этого метода (как уже упоминалось) является то, что он использует хаки, вставляя огромное количество DIVS, чтобы он мог значительно замедлить работу браузера. Используйте с осторожностью. Подобные проблемы и объясняют, почему тег canvas был создан в первую очередь.