Rutarelativa

Crear imágenes en Html mediante Php GD

(0)

05 / Enero / 2010

Desarrollo

Crear imagenes en Html mediante Php GD

Hoy he tenido unos minutos libres en el trabajo y me he podido escapar para poder realizar un sencillo script que tenía ganas de compartir con ustedes para enseñaros la potencia que tiene la libreria GD de Php. Como ejemplo vamos a crear imágenes en Html de unos personajes “famosos” de la serie de videojuegos Megaman. Usaremos una tabla en HTML para dibujar el personaje y cada píxel de la imágen será una celda de ésta, pudiendo indicarle el tamaño. Esto se conseguirá gracias a la librería GD de PHP para el tratamiento de imágenes.

Proceso para crear imágenes en HTML mediante PHP GD

He usado una solución sencilla que no es otra de recorrer los píxeles de la imagen mediante Php consultar el color Hexadecial de dicho píxel y crear una celda en la tabla. Para ello hemos usado varias funciones facilitadas por PHP Gd:

ImageCreateFromPNG: Cargará nuestra imagen y obtendremos un identificador que nos servirá para obtener los colores y el tamaño.
imagesx: Nos dará el ancho de la imagen.
imagesy: Nos dará el alto de la imagen.
imagecolorat: Devuelve el valor RGB de la posición de un píxel, retornando un número entero, que será el color que más tarde pasaremos a Hexadecial mediante la función dechex.

Crear imagenes en Html mediante Php GD

Descargar código fuente y demo

En la demo he puesto imágenes muy simples para no sobrecargar el servidor en el proceso de convertir una imagen a HTML mediante PHP Gd. Si descargáis el código fuente y lo probáis con imágenes a altas resoluciones tardará bastante en realizarlo, pero se consigue perfectamente. Como última nota el Script sólo esta preparado para operar con imágenes PNG.

Demo imágenes en Html mediante Php GD
Descargar código fuente

Artículos relacionados

Open Flash Chart: Librerías para gráficos en PHP Publicado por sergiocius el día 21/04/2010Guardado en Desarrollo,Tutoriales
Dibujar figuras en PHP GD Publicado por KeLDroX el día 01/02/2010Guardado en Desarrollo,Php
Como mostrar acentos en HTML Publicado por KeLDroX el día 16/02/2010Guardado en Desarrollo
Usar Google Translate con PHP y Python Publicado por sergiocius el día 28/06/2010Guardado en Desarrollo
Contactable: Plugin para wordpress para feedback y contacto Publicado por sergiocius el día 24/06/2010Guardado en Plugins

Sobre KeLDroX

297

Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sigue a Ruta Relativa

Trackback en Crear imágenes en Html mediante Php GD

Hasta el momento el artículo Crear imágenes en Html mediante Php GD no tiene Trackbacks.

Comentarios en Crear imágenes en Html mediante Php GD

Hasta el momento el artículo Crear imágenes en Html mediante Php GD no tiene comentarios, sé el primero en comentar en él.

Escribir comentario en Crear imágenes en Html mediante Php GD

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.