Image: Text wrapping

[tpavlek]

I have an image and I would like to have a paragraph of text appearing within a certain bounded box on the image. Is there any way with the current implementation to define a bounding box and have the text wrap/resize within it to fit inside?

If not, I think this would be a useful feature to have.

Thanks

[olivervogel]

It's not possible at the moment, but would be useful indeed.

[pascalbaljet]

+1

[clin407]

+1. any updates on this? Or has anyone found any interesting methods to mimic it?

[nurwin]

+1 when it will added to the next version?

[primangesta]

+1

[talifhani]

+1

[vivg]

+1

[XaphanBael]

+1

[kalenjordan]

+1

[trevorgreenleaf]

+1

[valkirilov]

+1

[jayaregalinada]

+1

[bimal125]

+1

[Anizou]

+1

[bubjavier]

here's what I did for the meantime:

Inside my Laravel controller:

<?php

$width       = 600;
$height      = 300;
$center_x    = $width / 2;
$center_y    = $height / 2;
$max_len     = 36;
$font_size   = 30;
$font_height = 20;

$text = 'The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog?';

$lines = explode("\n", wordwrap($text, $max_len)
$y     = $center_y - ((count($lines) - 1) * $font_height);
$img   = \Image::canvas($width, $height, '#777');

foreach ($lines as $line)
{
    $img->text($line, $center_x, $y, function($font) use ($font_size){
        $font->file(base_path('path/to/my/font.ttf'));
        $font->size($font_size);
        $font->color('#fdf6e3');
        $font->align('center');
        $font->valign('center');
    });

    $y += $font_height * 2;
}

return $img->response();

[Dadibom]

http://php.net/manual/en/function.imagettfbbox.php

[sngrl]

+1

[Gastmeier]

+1

[tohann]

+1

[marysomerville]

+1

[icgdoug]

+1

[TofuLay]

+1

[alfonsobries]

+1

[nnquan]

+1

[hasanAli9t]

+1

[JohnnyWalkerDesign]

+2

[tim0991]

function getTextWith($fontSize, $text)
{
    $im = new Imagick();
    $draw = new ImagickDraw();
    $draw->setFont($this->fontPath);
    $draw->setFontSize($fontSize);
    $info = $im->queryFontMetrics($draw, $text);
    return $info['textWidth'];
}

get height by $info['textHeight']

[jakeydevs]

Had this issue this morning, so wrote a function to help with this:

/**
* Generate an array of "lines" our text should
* use
* 
* @param  String $text 
* @param  Number $width
* @param  Number $size (Font size)
* @param  String $font (Font path)
* @return Array [text]
*/
public function generateText($text, $width, $size, $path)
{
    //-- Helpers
    $line = [];
    $lines = [];
    //-- Looop through words
    foreach(explode(" ", $text) AS $word)
    {
        //-- Add to line
        $line[] = $word;

        //-- Create new text query
        $im = new \Imagick();
        $draw = new \ImagickDraw();
        $draw->setFont($path);
        $draw->setFontSize($size);
        $info = $im->queryFontMetrics($draw, implode(" ", $line));

        //-- Check within bounds
        if ($info['textWidth'] >= $width) 
        {
                    //-- We have gone to far!
            array_pop($line);
            $lines[] = implode(" ", $line);
                    //-- Start new line
            unset($line);
            $line[] = $word;
        }
    }

    //-- We are at the end of the string
    $lines[] = implode(" ", $line);
    return $lines;
}

I then use this by doing the following on my image:

$textLines = $this->generateText(
  'This is a image that has quite a large name so should overlap',
  700, 
  $fontSize,
  $fontPath
);

foreach($textLines AS $index => $text) 
{   
  $y = (($index * $fontSize) + $padding);
  $image->text($text, $padding, $y, function($font) use ($fontPath, $fontSize) {
    $font->file($fontPath);
    $font->size($fontSize);
    $font->color('#fdf6e3');
    $font->align('left');
    $font->valign('top');
  });
}

[rainbowhat]

+1

[GioPan04]

Seriously this issue is opened from 6 years and it hasn't been fixed?!

[RusTorg]

+1