Hope you all are doing great.
I have an image created and edited with text using PHP GD, I'm sending it to the browser with the following code but it is displayed aligned totally to the left of the browser, I tried adding css behavior directly to the img tag but nothing happened so I guess this will never work because it is a php header displaying the image, is there any way to align the image to the center of the browser within the same code lets say the way one align a div using margin 0 auto? As you can see I'm still a newbie with GD so here's my code, I really appreciate it pals:
<?php
$nombre=$_POST['nombre'];
//Set the Content Type
header('Content-type: image/jpeg');
// Create Image From Existing File
$jpg_image = imagecreatefromjpeg('fabian.jpg');
// get image dimensions
list($img_width, $img_height,,) = getimagesize("fabian.jpg");
// Allocate A Color For The Text
$white = imagecolorallocate($jpg_image, 255, 255, 255);
// Set Path to Font File
$font_path = 'fabian.TTF';
// Set Text to Be Printed On Image
$text =strtoupper($nombre);
// Print Text On Image
//imagettftext($jpg_image, 75, 0, 50, 400, $white, $font_path, $text);
// find font-size for $txt_width = 80% of $img_width...
$font_size = 1;
$txt_max_width = intval(0.8 * $img_width);
do {
$font_size++;
$p = imagettfbbox($font_size,0,$font_path,$text);
$txt_width=$p[2]-$p[0];
// $txt_height=$p[1]-$p[7]; // just in case you need it
} while ($txt_width <= $txt_max_width);
// now center text...
$y = $img_height * 0.9 ;// baseline of text at 90% of $img_height
$x = ($img_width - $txt_width) / 2;
imagettftext($jpg_image, $font_size, 0, $x, $y, $white, $font_path, $text);
// Send Image to Browser
imagepng($jpg_image);
// Clear Memory
imagedestroy($jpg_image);
?>
Thanks a lot for your advice! Have a great day.