SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: shadow_rev en Lunes 28 de Mayo de 2007, 19:15

Título: Rotacion De Imagenes
Publicado por: shadow_rev en Lunes 28 de Mayo de 2007, 19:15
Hola chicos


Tengo la imagen de un código de barras (generada dinámicamente con php-barcode) que debo insertar para un carné. El código de barras se encuentra con las líneas verticales, pero en el carné debe aparecer con las líneas horizontales, o sea, la misma imagen, pero rotada 90°. Saben como hacerlo en HTML o en CSS?
Título: Re: Rotacion De Imagenes
Publicado por: Mollense en Lunes 28 de Mayo de 2007, 19:40
Ya que la estás generando con PHP por qué no seguís desde allí. Podrías hacerlo con la función imagerotate (http://ar.php.net/manual/en/function.imagerotate.php)

Te adjunto un ejemplo de su uso (Cambiale la extensión de "zzz" a "rar").-

Un saludo
Título: Re: Rotacion De Imagenes
Publicado por: shadow_rev en Martes 29 de Mayo de 2007, 18:09
Bueno, no era la idea (ya la tenía en mente, por cierto), pues imagerotate produce un espacio un poquitin.... molesto.

Me explico, una imagen de 25px X 50px, después de rotarla con PHP quedaría como una imagen de 50x50, y eso es preciso lo que deseo evitar, aunque se puede corregir con un hábil manejo de css
Título: Re: Rotacion De Imagenes
Publicado por: Mollense en Martes 29 de Mayo de 2007, 19:10
Bueno, en ese caso, después de rotarla podrías recortar la parte que te interesa copiando el área a una nueva imagen mediante imagecopy.

PD:
Citar
Me explico, una imagen de 25px X 50px, después de rotarla con PHP quedaría como una imagen de 50x50
No estoy muy seguro de eso.
Título: Re: Rotacion De Imagenes
Publicado por: F_Tanori en Martes 29 de Mayo de 2007, 19:53
hay una manera como....

http://elouai.com/javascript/javascript-image-rotate.php (http://elouai.com/javascript/javascript-image-rotate.php)

pero creo que solo funciona con (http://foros.solocodigo.com/style_images/2/icon8.gif) el internet explorer



Saludos
Título: Re: Rotacion De Imagenes
Publicado por: Mollense en Martes 29 de Mayo de 2007, 22:32
Cita de: "F_Tanori"
hay una manera como....

http://elouai.com/javascript/javascript-image-rotate.php (http://elouai.com/javascript/javascript-image-rotate.php)

pero creo que solo funciona con (http://foros.solocodigo.com/style_images/2/icon8.gif) el internet explorer



Saludos
Efectivamente solo funciona con  :no:  IE y además el rendimiento puede ser mucho mas bajo.-
Título: Re: Rotacion De Imagenes
Publicado por: shadow_rev en Miércoles 30 de Mayo de 2007, 16:16
Cita de: "Angel_K_ido"
Efectivamente solo funciona con  :no:  IE y además el rendimiento puede ser mucho mas bajo.-
Cierto, ya había visto algo parecido en otro foro que no recuerdo su dirección.......  Era una solución poco eficiente (es mejor la del enlace de F_Tanori, lastima lo del IE) :bad: .

Bueno, igual ya me decidí por hacerlo en PHP, gracias chicos  :gracias:
Título: Re: Rotacion De Imagenes
Publicado por: Mollense en Miércoles 30 de Mayo de 2007, 16:27
Por nada, después nos contás como te quedó :beer:
Título: Re: Rotacion De Imagenes
Publicado por: shadow_rev en Miércoles 30 de Mayo de 2007, 16:59
Cita de: "shadow_rev"
Bueno, no era la idea (ya la tenía en mente, por cierto), pues imagerotate produce un espacio un poquitin.... molesto.

Me explico, una imagen de 25px X 50px, después de rotarla con PHP quedaría como una imagen de 50x50, y eso es preciso lo que deseo evitar, aunque se puede corregir con un hábil manejo de css
Me retracto... :unsure:

La imagen conservó todas sus proporciones y se me ve perfecto :D

Les adjunto un pantallazo de la imagen generada
Título: Re: Rotacion De Imagenes
Publicado por: Mollense en Miércoles 30 de Mayo de 2007, 17:24
Cherto, ya me parecía. Nos vemos :hola: