In many cases, we need to create a dynamic image on the fly and write text on the image in our web application. If you have a requirement like this, don’t worry we’ll provide a simple PHP script to convert text to image<\/b> and save it as PNG or JPG format.<\/p>\n
In this tutorial, we are going to show you the easiest way to create an image from text using PHP<\/b>. To control the text to image creation process, a PHP class will be created. By using this PHP class you can easily create an image and add multiple line text string to the image<\/b>.<\/p>\n
GD library<\/b> will be used to create and manipulate image file in our PHP script. So before you get started, make sure PHP GD is installed on your server.<\/p>\n
Are you want to get the step-by-step guide to installing PHP GD library on the server? Go through the following tutorial links.<\/p>\n
The TextToImage PHP class helps to generate an image and add text to image. TextToImage class contains 4 functions and the functions will do following.<\/p>\n
createImage()<\/code> – Creates image from text. The text string needs to be provided that want to write on the image. Also, you can specify the text font size, image width, and image height.<\/li>\nshowImage()<\/code> – Returns an image that created by the createImage() function.<\/li>\nsaveAsPng()<\/code> – Save image file as .png format. You can specify the filename and the location to save the image.<\/li>\nsaveAsJpg()<\/code> – Save image file as .jpg format. You can specify the filename and the location to save the image.<\/li>\n<\/ul>\n<?php
<\/span>\/**
* TextToImage class
* This class converts text to image
*
* @author CodexWorld Dev Team
* @link http:\/\/www.codexworld.com
* @license http:\/\/www.codexworld.com\/license\/
*\/
<\/span>class <\/span>TextToImage <\/span>{
private <\/span>$img<\/span>;
<\/span>\/**
* Create image from text
* @param string text to convert into image
* @param int font size of text
* @param int width of the image
* @param int height of the image
*\/
<\/span>function <\/span>createImage<\/span>(<\/span>$text<\/span>, <\/span>$fontSize <\/span>= <\/span>20<\/span>, <\/span>$imgWidth <\/span>= <\/span>400<\/span>, <\/span>$imgHeight <\/span>= <\/span>80<\/span>){
<\/span>\/\/text font path
<\/span>$font <\/span>= <\/span>'fonts\/the_unseen.ttf'<\/span>;
<\/span>\/\/create the image
<\/span>$this<\/span>-><\/span>img <\/span>= <\/span>imagecreatetruecolor<\/span>(<\/span>$imgWidth<\/span>, <\/span>$imgHeight<\/span>);
<\/span>\/\/create some colors
<\/span>$white <\/span>= <\/span>imagecolorallocate<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>, <\/span>255<\/span>, <\/span>255<\/span>, <\/span>255<\/span>);
<\/span>$grey <\/span>= <\/span>imagecolorallocate<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>, <\/span>128<\/span>, <\/span>128<\/span>, <\/span>128<\/span>);
<\/span>$black <\/span>= <\/span>imagecolorallocate<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>, <\/span>0<\/span>, <\/span>0<\/span>, <\/span>0<\/span>);
<\/span>imagefilledrectangle<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>, <\/span>0<\/span>, <\/span>0<\/span>, <\/span>$imgWidth <\/span>- <\/span>1<\/span>, <\/span>$imgHeight <\/span>- <\/span>1<\/span>, <\/span>$white<\/span>);
<\/span>\/\/break lines
<\/span>$splitText <\/span>= <\/span>explode <\/span>( <\/span>\"\\\\n\" <\/span>, <\/span>$text <\/span>);
<\/span>$lines <\/span>= <\/span>count<\/span>(<\/span>$splitText<\/span>);
foreach(<\/span>$splitText <\/span>as <\/span>$txt<\/span>){
<\/span>$textBox <\/span>= <\/span>imagettfbbox<\/span>(<\/span>$fontSize<\/span>,<\/span>$angle<\/span>,<\/span>$font<\/span>,<\/span>$txt<\/span>);
<\/span>$textWidth <\/span>= <\/span>abs<\/span>(<\/span>max<\/span>(<\/span>$textBox<\/span>[<\/span>2<\/span>], <\/span>$textBox<\/span>[<\/span>4<\/span>]));
<\/span>$textHeight <\/span>= <\/span>abs<\/span>(<\/span>max<\/span>(<\/span>$textBox<\/span>[<\/span>5<\/span>], <\/span>$textBox<\/span>[<\/span>7<\/span>]));
<\/span>$x <\/span>= (<\/span>imagesx<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>) - <\/span>$textWidth<\/span>)\/<\/span>2<\/span>;
<\/span>$y <\/span>= ((<\/span>imagesy<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>) + <\/span>$textHeight<\/span>)\/<\/span>2<\/span>)-(<\/span>$lines<\/span>-<\/span>2<\/span>)*<\/span>$textHeight<\/span>;
<\/span>$lines <\/span>= <\/span>$lines<\/span>-<\/span>1<\/span>;
<\/span>\/\/add some shadow to the text
<\/span>imagettftext<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>, <\/span>$fontSize<\/span>, <\/span>$angle<\/span>, <\/span>$x<\/span>, <\/span>$y<\/span>, <\/span>$grey<\/span>, <\/span>$font<\/span>, <\/span>$txt<\/span>);
<\/span>\/\/add the text
<\/span>imagettftext<\/span>(<\/span>$this<\/span>-><\/span>img<\/span>, <\/span>$fontSize<\/span>, <\/span>$angle<\/span>, <\/span>$x<\/span>, <\/span>$y<\/span>, <\/span>$black<\/span>, <\/span>$font<\/span>, <\/span>