Utilizando fuentes TrueType

Si has leído los comentarios de la página anterior recordarás que para usar estas funciones es preciso que estén instaladas las librerías FreeType y que, además, conozcamos el path de directorio que contiene las fuentes TrueType.

Hemos creado un subdirectorio llamado fuentes y lo hemos incluido en directorio donde están alojadas estas páginas. En ese subdirectorio hemos incluido dos fuentes TrueType manteniendo en una de ellas el nombre original (arial.ttf) y renombrado la otra como fuente2.ttf.

Como podrás comprobar en los ejemplos, no hay problema alguno por el hecho de renombrar las fuentes.

Escribiendo con fuentes TrueType

La función PHP que nos permite insertar este tipo de textos en imágenes dinámicas es la siguiente:

donde:

• $nombre es, como siempre, el nombre de la imagen.
• tamaño es un número entero que indica el el tamaño de la fuente.
• angulo es el giro expresado en grados sexagesimales que pretendemos que tenga la cadena de texto. Si ang=0 el texto aparecerá escrito en horizontal.
• x e y son las coordenadas del punto de inicio de la inserción del texto. Ese punto coincide con la esquina inferior izquierda del rectángulo imaginario que contiene el texto.
• $color es el color a utilizar en el texto.
• fuente es una cadena de texto que contiene el path y el nombre de la fuente. Observa los ejemplos.
• $texto es el nombre de la variable que contiene el texto a insertar.

Texto True Type horizontal

<?php
    Header("Content-type: image/png");
	$im = imagecreate(400,300);
        $fondo=imagecolorallocate ($im, 255, 255, 210);
	$rojo=imagecolorallocate ($im, 255, 0, 0);
         $texto="PHP";
        Imagettftext($im, 40, 0, 100, 270, $rojo,"./fuentes/fuente2.ttf", $texto);
        Imagepng($im);
        imagedestroy($im);

?>

Texto True Type girado

<?php
    Header("Content-type: image/png");
	$im = imagecreate(400,300);
        $fondo=imagecolorallocate ($im, 255, 255, 210);
	$rojo=imagecolorallocate ($im, 255, 0, 0);
        $texto="Me gusta PHP";
        Imagettftext($im, 40, 30, 100, 270, $rojo, "./fuentes/fuente2.ttf", $texto);
        Imagepng($im);
        imagedestroy($im);

?>

Colocando los textos

PHP dispone de una función que permite determinar las dimensiones de una caja de texto (el rectángulo imaginario que rodea el texto).

La variable $rect recoge un array escalar cuyos valores son las coordenadas de las cuatro esquinas de la caja de texto.

Los índices correspondientes a cada uno de los elementos de ese array son los siguientes:

• – Inferior izquierdo. Sus coordenadas son: $rect[0] y $rect[1]
• – Inferior derecho. Sus coordenadas son: $rect[2] y $rect[3]
• – Superior derecho. Sus coordenadas son: $rect[4] y $rect[5]
• – Superior izquierdo. Sus coordenadas son: $rect[6] y $rect[7]

Respecto a estas coordenadas, habremos de tener en cuenta lo siguiente:

• – Las correspondientes al vértice inferior izquierdo son siempre (0,0).
• –Los puntos situados por encima del (0,0) tienen ordenada negativa.
• –Las abscisas de los puntos situados a la izquierda del (0,0) son negativas.

Centrando textos

Aquí tienes un ejemplo donde utilizando ImageTTFBox e ImageTTFText se puede centrar un texto -tanto si es horizontal como si está girado- con relación a un punto. En este ejemplo, el punto de referencia para el centrado es (200,150) que es el centro de la imagen.

Las coordenadas de ImageTTFText, como puedes ver, están calculadas usando las coordenadas de ese punto de referencia y los valores del array generado por ImageTTFBox.

Si la variable que contiene el array generado por ImageTTFBox se llama $pepa, las coordenadas del centro del rectángulo imaginario son $pepa[4]/2 y $pepa[5]/2.

Partiendo de esos valores, si queremos centrar el texto sobre un punto de la imagen cuyas coordenadas son (X,Y) nos basta con escribir como parámetros de la función ImageTTFText los siguientes:

• Abscisa= X - $pepa[4]/2
• Ordenada= Y - $pepa[5]/2

Este procedimiento es válido tanto para textos horizontales como para textos girados.

<?php
    Header("Content-type: image/png");

    $im = imagecreate(400,300);   
    $fondo=imagecolorallocate ($im, 255, 255, 210);
    $gris=imagecolorallocate ($im, 160, 160,160);
    $rojo=imagecolorallocate ($im, 255, 0, 0);
 
    $texto="El mundo del PHP";
    $texto1="lleno de posibilidades";
$marco= ImageTTFBBox (40,  0, "./fuentes/arial.ttf", $texto);
Imagettftext($im,40,0,200-$marco[4]/2,150-$marco[5]/2, $gris,"./fuentes/arial.ttf",$texto);
$marco1= ImageTTFBBox (30,  30, "./fuentes/fuente2.ttf", $texto1);
Imagettftext($im,30,30,200-$marco1[4]/2,150-$marco1[5]/2,$rojo,"./fuentes/fuente2.ttf", $texto1);
        Imagepng($im);
        imagedestroy($im);
   
?>

Aquí tienes un ejemplo bastante completo de generación de imágenes dinámicas.

---

Ir a la página anterior

Avisos de error y/o sugerencias

Ir a la página Índice

Ir a la página siguiente