Bueno con este articulo aprenderemos a crear imagenes de forma dinamica es decir en tiempo de ejecucion, el unico requisito es tener instalado el modulo GD Library, para comprobar esto crearemos una pagina nueva y pondremos el siguiente codigo PHP...
<?php
phpinfo(INFO_MODULES);
?>
Ejecutamos esta pagina y nos fijamos si en el navegador aparece la seccion GD, es algo similar a la siguiente imagen...
Si no lo tienen lo pueden instalar desde aqui...
- GD Library para Windows.
- GD Library para Linux.
La imagen dinamica que crearemos seran dos rectangulos, para esto lo primero que tenemos que crear es la imagen y sus dimensiones...
<?php
$img_number = imagecreate(100, 50);
?>
La funcion imagecreate nos crea una imagen cuyos parametros definen el ancho y el alto respectivamente, esta funcion nos devuelve un numero que indetificara a esa imagen. Asi con el ejemplo anterior creamos una imagen de 100x50.
El siguiente paso es crear los colores a utilizar, la forma de hacerlo es la siguiente...
<?php
$img_number = imagecreate(100,50);
$blanco = imagecolorallocate($img_number,255,255,255);
$negro = imagecolorallocate($img_number,0,0,0);
$gris = imagecolorallocate($img_number,204,204,204);
?>
Con la funcion imagecolorallocate creamos los colores que utilizaremos para la imagen pasada como primer parametro, en este caso $img_number que es el numero que identifica a la imagen creada anteriormente, los otros tres parametros son los valores RGB (rojo, verde, azul) que se utilizaran para formar los colores.
Ahora crearemos los rectangulos en la imagen...
imagefill($img_number,0,0,$gris);
ImageRectangle($img_number,5,5,94,44,$negro);
ImageRectangle($img_number,0,0,99,49,$negro);
La funcion imagefill rellena (pinta) la imagen pasada como primer parametro, el segundo y tercer parametro indican los pixeles x, y donde se comienza a pintar, el ultimo parametro indica el color con el cual pintar.
Luego creamos dos rectangulos en la imagen pasada como primer parametro, los otros 4 parametros indican la punta superior izquierza (coordenadas x, y) y la punta inferior izquierza (tambien x, y), por ultimo indicamos el color del borde.
Ahora para poder visualizar la imagen en el browser debemos indicarle al servidor que deseamos enviar una imagen para esto ponemos antes de enviar algo al navegador lo siguiente...
php header("Content-type: image/jpeg");
Listo, ya indicamos que vamos a enviar una imagen, ahora cremos la misma...
imagejpeg($img_number);
Esta funcion renderiza la imagen pasada como parametro, el resultado seria asi...
Ahora bien, guardamos esta pagina como "imagen_dinamica.php" y para mostar esta imagen creamos una nueva pagina e insertamos en el sector donde queremos la imagen dinamica el siguinte codigo HTML...
<img src="imagen_dinamica.php">
Se entiende? La imagen se va a buscar a "imagen_dinamica.php", alli se crea la imagen y se muestra, para mas info sobre GD Library vista esta web EDevCafe, Saludos!