Una imagen puede ser girada mediante JavaScript y sin lona o AJAX?

Question

he visto unos rotadores de imagen de JavaScript que utilizan ya sea el elemento canvas de HTML5 o una llamada AJAX a un script del lado del servidor, pero es posible hacerlo sin necesidad de utilizar esos métodos? Internet Explorer no admite la lona (soy consciente de excanvas, pero me gustaría prescindir si es posible) y no estoy seguro de si AJAX será suficiente líquido. Si hay una manera, ¿hay abiertas guiones de origen, ejemplos o recursos que me podría apuntar a?

Answer 1

Por desgracia, CSS no admite la rotación de imágenes de cualquier manera o forma (a menos que cuente transformaciones CSS , que sólo son compatibles con Safari 4 y Firefox 3.1).

Su mejor opción es utilizar una imagen Raphael 's () y rotar (), que debe soportar todos semi navegadores modernos (usando SVG) y la mayoría de las versiones de IE (usando VML).

Answer 2

Este plugin jQuery funciona en los principales navegadores incluyendo IE: http://wilq32.googlepages.com/wilq32 .rollimage222 . Se hace uso de excanvas, pero al menos le permite evaluar si ese método es lo suficientemente bueno para sus propósitos.

Answer 3

Google es su amigo: http://www.walterzorn.com/rotate_img/rotate_img.htm

Sin embargo, la desventaja de esta técnica (como se ha mencionado) es que utiliza los cortes mediante la inserción de un gran número de DIVS por lo que podría ralentizar el navegador un buen poco. Utilizar con precaución. Problemas como este son la razón por la etiqueta canvas fue creado en el primer lugar.

Answer 4

Sí, a través de CSS Transform:

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