La Web del Programador: Comunidad de Programadores
 
    Pregunta:  26939 - ROTAR IMAGEN
Autor:  Antonio Mesa
Como rotar una imagen 90 grados en una funcion Javascipt

  Respuesta:  Dario Jacob Sandoval Evert
Estimado, no debería ser dificil, yo aún no lo hago, pero en un principio deberías copiar la imagen 3 veces, a cada una de las copias deberías editarlas con un editor de imagen y rotarlas de la siguinte manera:

Imagen 2 : 90 Grados
Imagen 3 : 180 Grados
Imagen 4 : 270 Grados

Cuando finalices la edicion de imagenes debes hacer una función parecida a:

arreglo = [Ruta/Imagen1,Ruta/Imagen2,Ruta/Imagen3,Ruta/Imagen4];
rotarImagen : function(tim) //la variable tim podría ser de tiempo
{
if(tim > 2000)
{
arreglo.[0]; //Para que muestre la imagen 1
}
//El resto del if
},

Ahora bien, una manera mejor de hacerlo es utilizando una framework, yo utilizo "qooxdoo", tan solo mira los demos y verás que rotar la imagen es mucho mas fácil.

http://demo.qooxdoo.org/3.0.1/demobrowser/#animation~Animation.html

Dale una mirada y me cuentas.

Yo estoy haciendo un blog sobre esto.

codigomedular.blogspot.com

Saludos.