Adicionando texto em imagens em tempo real

Com o uso de PHP e a biblioteca GD, a manipulação de imagens, editando e inclusive inserindo textos antes de apresetar a imagem ao usuário se torna uma tarefa simples. Como estes dias tive de recorrer a este recurso para gerar cupons “on the fly” no site ComuniWEB, decidi escrever um artigo mostrando como isso é possível e apresentando a simplicidade da tarefa.

Primeiros passos

Atenção: Verifique se a biblioteca GD esta instalada no phpinfo(); Existem algumas formas de exibir o resultado de uma operação como esta, por exemplo:

• salvar o arquivo em disco
• apresentar na tela (como imagem, dentro do HTML)
• apresentar na tela (somente imagem)

Neste exemplo vamos apresentar o arquivo como uma imagem, embutida no HTML como qualquer outra, para isso precisamos entender a seguinte estrutura. Geralmente uma tag do tipo “” aponta para um arquivo “.jpg” ou “.gif”, mas neste caso iremos apontar ela para um arquivo “.php” que irá retornar os dados como se fosse uma imagem sendo lida.

Com isso vamos ter a seguinte estrutura, dois arquivos, um chamado main.php e um chamado imagem.php. O arquivo main.php irá apresentar o HTML e mostrar a imagem, o arquivo imagem.php será o real responsável por buscar uma imagem e inserir texto nela, neste caso criamos mais um arquivo img.jpg para servir de exemplo.

main.php

Este arquivo é bem simples e direto, HTML com uma imagem, apenas um detalhe importante, no nome da imagem vamos passar um valor por GET com o texto que será escrito na imagem: ```html Veja abaixo seu certificado

Agora para a escrita temos que preparar alguns dados para a escrita. Existem duas formas de escrever em uma imagem, caracter por caracter ou uma string completa (imagechar ou imagestring). Neste caso vamos usar a função para strings, mas ambas recebem os mesmo valores, variando apenas o texto a ser escrito. Antes de chamar a função devemos ter pronto a cor com o qual será escrito o texto.

ara isso devemos usar a função imagecolorallocate que recebe como valores o ponteiro da imagem e a cor, em três parametros separados no formato RGB. Neste caso usamos preto:

$cor = imagecolorallocate($rImg, 0, 0, 0);

Agora sim podemos efetuar a escrita. A função imagestring recebe estes parametros, nesta ordem:

• imagem: o ponteiro da imagem
• font: um valor inteiro, de 1 a 5 (fonte padrão, quanto maior o número, maior a fonte) ou uma fonte de sistema
• x: deslocamento horizontal (coordenada)
• y: deslocamento vertical (coordenada)
• string: texto que será escrito
• color: variável com a cor definida anteriormente

Vale lembrar que x e y estão em relação ao topo esquerdo da imagem. Em relação a fonte, neste exemplo iremos utilizar a fonte padrão do PHP, mas geralmente é possivel utilizar qualquer fonte tty, vou descrever um pouco mais no final do artigo.

Esta é nossa imagem de base:

Vou escrever meu nome no local reservado, com isso levando em conta a posição (remova 2 a 3 pixels do topo de overhead da fonte), e o fato de que devo decodificar o texto com urldecode, o resultado final da função é este:

imagestring($rImg,5,126,22,urldecode($\_GET\['nome'\]),$cor);

Antes de finalizar o arquivo devemos definir o header indicando que estamos echoando uma imagem do tipo JPG e após isso podemos usar a função imageJPEG que intrui o PHP a jogar o código da imagem para a tela, existe a opção de passar um segundo parametro que indica o nome do arquivo que deve ser gerado.

header('Content-type: image/jpeg'); imagejpeg($rImg);

Este é o resultado final:

E este o código completo: ```php < ?php

//Carregar imagem $rImg = ImageCreateFromJPEG(“ex-img.jpg”);

//Definir cor $cor = imagecolorallocate($rImg, 0, 0, 0);

//Escrever nome imagestring($rImg,5,126,22,urldecode($_GET[’nome’]),$cor);

//Header e output header(‘Content-type: image/jpeg’); imagejpeg($rImg,NULL,100);

?>