How to add text on image using PHP

Question

I have this image:

Between the text, I want to add some text. To do that I have the following code:

<?php
error_reporting(E_ALL);

$thumb_src              = 'copyright-symbol.png';
$explode                = explode('.', $thumb_src);                
$extension              = strtolower( end ( $explode ) );
$file_name              = basename( $thumb_src );

//image_resize_base_width( $relative_url, $relative_url, 350, $extension);
$jpg_image = imagecreatefrompng( $thumb_src );

// set font size
$font        = @imageloadfont($jpg_image);
$fontSize    = imagefontwidth($font);

$orig_width  = imagesx($jpg_image);
$orig_height = imagesy($jpg_image);


// Create your canvas containing both image and text
$canvas = imagecreatetruecolor( $orig_width, ($orig_height + 40 ) );              
// Allocate A Color For The background
$bcolor = imagecolorallocate( $canvas, 255, 255, 255 );

// Add background colour into the canvas
imagefilledrectangle( $canvas, 0, 0, $orig_width, ($orig_height + 40), $bcolor );
// Save image to the new canvas
imagecopyresampled( $canvas, $jpg_image, 0, 0, 0, 0, $orig_width, $orig_height, $orig_width, $orig_height );

$font_path = 'font/arial.ttf';
$path = 'upload';
$text = 'cc-by-nd-';

// Allocate A Color For The Text
$color = imagecolorallocate($canvas, 0, 0, 0);


// Print Text On Image
imagettftext( $canvas, 13, 0, 0, $orig_height + 25, $color, $font_path, $text) ;
// Send Image to Browser

imagepng( $canvas, $path  . '/' . $file_name );

// Clear Memory
imagedestroy($canvas);

But the code is not adding text to the image. Is there anything wrong in my code?

Might want to remove @ from $font = @imageloadfont($jpg_image);. Looks like you're loading an image as font, is $jpg_image a bitmap font? — user8034901
– user8034901, Commented Dec 19, 2020 at 12:22
var_dump($jpg_image) is return resource(3) of type (gd). — Shibbir
– Shibbir, Commented Dec 19, 2020 at 12:25
More info here: php.net/manual/en/function.imageloadfont.php — user8034901
– user8034901, Commented Dec 19, 2020 at 12:27

Ken Lee · Accepted Answer · 2020-12-20 14:49:57Z

3

You may change the codes to

<?php
error_reporting(E_ALL);

header('Content-Type: image/png');

$thumb_src              = 'copyright-symbol.png';
$explode                = explode('.', $thumb_src);                
$extension              = strtolower( end ( $explode ) );
$file_name              = basename( $thumb_src );

//image_resize_base_width( $relative_url, $relative_url, 350, $extension);
$jpg_image = imagecreatefrompng( $thumb_src );

// set font size
$font        = @imageloadfont($jpg_image);
$fontSize    = imagefontwidth($font);

$orig_width  = imagesx($jpg_image);
$orig_height = imagesy($jpg_image);


// Create your canvas containing both image and text
$canvas = imagecreatetruecolor( $orig_width, ($orig_height + 40 ) );              
// Allocate A Color For The background
$bcolor = imagecolorallocate( $canvas, 255, 255, 255 );

// Add background colour into the canvas

imagefilledrectangle( $canvas, 0, 0, $orig_width, ($orig_height + 40), $bcolor );

// Save image to the new canvas
imagecopyresampled( $canvas, $jpg_image, 0, 0, 0, 0, $orig_width, $orig_height, $orig_width, $orig_height );

$font_path = './font/arial.ttf';
//$path = 'upload';


// Create some colors
$white = imagecolorallocate($canvas, 255, 255, 255);
$grey = imagecolorallocate($canvas, 128, 128, 128);
$black = imagecolorallocate($canvas, 0, 0, 0);
imagefilledrectangle($canvas, 0, 0, 399, 29, $white);

// The text to draw
// Replace path by your own font path
$font = 'font/arial.ttf';

$text = 'cc-by-nd-';

// Add some shadow to the text

imagettftext( $canvas, 100, 0, ($orig_width / 2) - 300, ($orig_height/2) , $color, $font_path, $text) ;


// Using imagepng() results in clearer text compared with imagejpeg()
imagepng($canvas);
imagedestroy($canvas);



?>

edited Dec 20, 2020 at 14:49

answered Dec 19, 2020 at 12:47

Ken Lee

8,5653 gold badges14 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Shibbir Over a year ago

Let me try it now

Shibbir Over a year ago

Showing me a black background

Shibbir Over a year ago

Please use the image I have uploaded.

Ken Lee Over a year ago

Answer amended (please make sure arial.ttf file exists in font folder)

Collectives™ on Stack Overflow

How to add text on image using PHP

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related