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. |