Right align text in an image with imagettftext(), PHP

Question

I am setting up dynamic forum signature images for my users and I want to be able to put their username on the image. I am able to do this just fine, but since usernames are different lengths and I want to right align the username, how can I go about doing this when I have to set x & y coordinates.

$im = imagecreatefromjpeg("/path/to/base/image.jpg");
$text = "Username";
$font = "Font.ttf";
$black = imagecolorallocate($im, 0, 0, 0);

imagettftext($im, 10, 0, 217, 15, $black, $font, $text);
imagejpeg($im, null, 90);

Answer 1

Use the imagettfbbox function to get the width of the string and then subtract that from the width of the image to get the starting x-coordinate.

$dimensions = imagettfbbox($fontSize, $angle, $font, $text);
$textWidth = abs($dimensions[4] - $dimensions[0]);
$x = imagesx($im) - $textWidth;

Answer 2

You can use stil/gd-text class. Disclaimer: I am the author.

<?php
use GDText\Box;
use GDText\Color;

$im = imagecreatefromjpeg("/path/to/base/image.jpg");

$textbox = new Box($im);
$textbox->setFontSize(12);
$textbox->setFontFace("Font.ttf");
$textbox->setFontColor(new Color(0, 0, 0)); // black
$textbox->setBox(
    50,  // distance from left edge
    50,  // distance from top edge
    200, // textbox width
    100  // textbox height
);

// text will be aligned inside textbox to right horizontally and to top vertically
$textbox->setTextAlign('right', 'top');

$textbox->draw("Username");

You can also draw multilined text. Just use \n in the string passed to draw() method. Example generated with this class:

Answer 3

Pre-calculate the size of the user's name using imagettfbbox().

From the width you get from there, you can then deduct the x position at which your text needs to start.

Answer 4

This will work...............

                  $s = split("[\n]+", $text);
                  $top=20;
                  $left=30;
                  $font_file="yourfont.ttf";
                  $fontsize=20;
               $__H=$top;
               foreach($s as $key=>$val){
                    $_b = imageTTFBbox($fontsize,0,$font_file,$val);
                    $_W = abs($_b[2]-$_b[0]); 
                    $_X = ($left+$text_box_width)-$_W;
                    $_H = abs($_b[5]-$_b[3]); 
                    $_H +=1;  
                    $__H += $_H;              
                    $res=imagettftext($image, $this->_fontsize, 0, $_X, $__H, $color, $font_file, $val);
                    $__H += 1;

Answer 5

I enhanced sujithayur code, and created function which allows all aligns (left, center, right) & (top, center, middle) and its combinations. It also uses text shadow.

// $x is margin from left, in case of left align, and margin from right, in case of right horizontal align
// $alignHorizontal values can be 'left', 'center', 'right'
// $alignVertical values can be 'top', 'center', 'bottom'
function imagettftext_aligned($image, $fontSize, $x, $y, $color, $colorShadow, $fontPath, $text, $alignHorizontal, $alignVertical) {

      $s = explode("\n", $text);
      $imageWidth = imagesx($image);
      $imageHeight = imagesy($image);

      $top=$y;
      $left=$imageWidth - $x;
      $__H=$top; // default - top
      $lineHeight = $fontSize + 14;

      if ($alignVertical == 'bottom')
        $__H = $imageHeight - $y - (count($s) * $lineHeight);
      elseif ($alignVertical == 'center')
        $__H = $imageHeight/2 - (count($s) * $lineHeight)/2;

      foreach($s as $key=>$val){
            $_b = imageTTFBbox($fontSize,0,$fontPath,$val);
            $_W = abs($_b[2]-$_b[0]); 
            $_H = abs($_b[5]-$_b[3]); 
            $_H +=1;  

            if ($alignHorizontal == 'right')
              $_X = $left - $_W;
            elseif ($alignHorizontal == 'center')
              $_X = $imageWidth/2 - $_W/2;
            else // default - left
              $_X = $x;

            imagettftextblur($image, $fontSize, 0, $_X + 2, $__H + 2, $colorShadow, $fontPath, $val, 4); // 1 can be higher to increase blurriness of the shadow
            imagettftextblur($image, $fontSize, 0, $_X, $__H, $color, $fontPath, $val);

            $__H += $lineHeight + 1;   
       } 

  return ['bottom' => $__H];

}

// https://github.com/andrewgjohnson/imagettftextblur
if (!function_exists('imagettftextblur'))
{
    function imagettftextblur(&$image,$size,$angle,$x,$y,$color,$fontfile,$text,$blur_intensity = null)
    {
        $blur_intensity = !is_null($blur_intensity) && is_numeric($blur_intensity) ? (int)$blur_intensity : 0;
        if ($blur_intensity > 0)
        {
            $text_shadow_image = imagecreatetruecolor(imagesx($image),imagesy($image));
            imagefill($text_shadow_image,0,0,imagecolorallocate($text_shadow_image,0x00,0x00,0x00));
            imagettftext($text_shadow_image,$size,$angle,$x,$y,imagecolorallocate($text_shadow_image,0xFF,0xFF,0xFF),$fontfile,$text);
            for ($blur = 1;$blur <= $blur_intensity;$blur++)
                imagefilter($text_shadow_image,IMG_FILTER_GAUSSIAN_BLUR);
            for ($x_offset = 0;$x_offset < imagesx($text_shadow_image);$x_offset++)
            {
                for ($y_offset = 0;$y_offset < imagesy($text_shadow_image);$y_offset++)
                {
                    $visibility = (imagecolorat($text_shadow_image,$x_offset,$y_offset) & 0xFF) / 255;
                    if ($visibility > 0)
                        imagesetpixel($image,$x_offset,$y_offset,imagecolorallocatealpha($image,($color >> 16) & 0xFF,($color >> 8) & 0xFF,$color & 0xFF,(1 - $visibility) * 127));
                }
            }
            imagedestroy($text_shadow_image);
        }
        else
            return imagettftext($image,$size,$angle,$x,$y,$color,$fontfile,$text);
    }
}