PHP Australia Conference 2015

imagefttext

(PHP 4 >= 4.0.7, PHP 5)

imagefttextFreeType 2 によるフォントを用いてイメージにテキストを描画する

説明

array imagefttext ( resource $image , float $size , float $angle , int $x , int $y , int $color , string $fontfile , string $text [, array $extrainfo ] )
警告

この関数は、 現在のところ詳細な情報はありません。引数のリストのみが 記述されています。

パラメータ

image

imagecreatetruecolor() のような画像作成関数が返す画像リソース。

size

使用するフォントのサイズ (ポイント数)。

angle

角度 (度数)。0 度は、左から右に読むテキストを表します。 度数を上げていくと、反時計回りに回転します。たとえば、 90 度の場合は下から上に読むテキストとなります。

x

xy で表す座標が、最初の文字のベースポイント (その文字の左下の角とほぼ等しい点) となります。 imagestring() の場合は xy で最初の文字の左上の角を指定しており、 たとえば "左上" は 0, 0 となりますが、この関数では異なります。

y

y 座標。これはフォントのベースラインを指定するものであり、 文字の最下端を指定するものではありません。

color

テキストに使用する色のインデックス。 imagecolorexact() を参照ください。

fontfile

使用する TrueType フォントへのパス。

PHP が使用している GD ライブラリのバージョンにも依存しますが、 fontfile の先頭に / がついていない場合はファイル名の末尾に .ttf を追加して GD のフォントパスからファイルを探そうとすることもあります。

GD ライブラリのバージョンが 2.0.18 より古い場合は、複数のフォントファイルを指定するときの 'パス区切り文字' がセミコロンではなく スペース となります。 この機能を意図せずに使ってしまい、 Warning: Could not find/open font といった警告が発生してしまうことがあります。 この問題が発生するバージョンの場合は、 スペースを含まないパスにフォントを格納しなければなりません。

たいていの場合は、スクリプト内で使うフォントの場所は同じディレクトリになるでしょう。 そんな場合は、次のようにすれば読み込み時の問題を回避できます。

<?php
// GD 用の環境変数を設定します
putenv('GDFONTPATH=' realpath('.'));

// 使用するフォント名を指定します (拡張子 .ttf がないことに注目しましょう)
$font 'SomeFont';
?>

text

画像に挿入するテキスト。

extrainfo

extrainfo の配列のインデックス
キー 意味
linespacing float 描画時の行間を定義します

返り値

この関数は、長方形の 4 つの角を表す点の配列を返します。 最初が左下の位置で、そこから反時計回りに回ります。

0 左下の x 座標
1 左下の y 座標
2 右下の x 座標
3 右下の y 座標
4 右上の x 座標
5 右上の y 座標
6 左上の x 座標
7 左上の y 座標

例1 imagefttext() の例

<?php
// 300x100 の画像を作成します
$im imagecreatetruecolor(300100);
$red imagecolorallocate($im0xFF0x000x00);
$black imagecolorallocate($im0x000x000x00);

// 背景を赤にします
imagefilledrectangle($im0029999$red);

// ttf フォントファイルへのパスを設定します
$font_file './arial.ttf';

// フォントサイズ 13 で 'PHP Manual' というテキストを描画します
imagefttext($im13010555$black$font_file'PHP Manual');

// 画像をブラウザに出力します
header('Content-Type: image/png');

imagepng($im);
imagedestroy($im);
?>

注意

注意: この関数は、GD 2.0.1 以降を必要とします (2.0.28 以降を推奨します)。

注意: この関数は、PHP が FreeType サポート (--with-freetype-dir=DIR ) を有効にしてコンパイルされている場合のみ使用可能です。

add a note add a note

User Contributed Notes 15 notes

up
2
KeepSake at crimebloc dot com
5 years ago
For a design project I am required to have spacing between characters; since imagefttext does not support this feature I have created a function which does support this.

The arguments are identical to imagefttext, accept that (array)$extrainfo now accepts the 'character_spacing' spacing parameter. The return values are as expected, and include the image boundaries of the entire string including the character spacing.

The downside is that $angle rotates each letter instead of rotating the entire word (could be seen as a feature on its own).

I hope this is of some use to someone.
- KeepSake

<?php
// Required header (assuming we use png images)
header("Content-type: image/png");

// Create a basic image with a dark background.
$image = imagecreatetruecolor(300, 20);
imagefill($image, 0, 0, imagecolorallocate($image, 21, 21, 21));

// Function call, arguments are the same as imagefttext, expect that (array)$extrainfo takes a new paramenter called character_spacing.
$imageBox = imagefttext2($image, 9, 0, 2, 15, imagecolorallocate($image, 255, 255, 255), 'tahomabold.ttf', 'The quick brown fox...', array('character_spacing' => 5));

// Output the file, and clear the resources
imagepng($image);
imagedestroy($image);

function
imagefttext2($imageResource, $font_size, $text_angle, $start_x, $start_y, $color, $font_file, $text, $extra_info = array()) {
    if(
$extra_info['character_spacing'] == NULL || !is_numeric($extra_info['character_spacing'])) {
       
$extra_info['character_spacing'] = 0;
    }
   
$lastX = $start_x - $extra_info['character_spacing'];
    foreach(
str_split($text) as $v) {
       
$coordinates = imagefttext($imageResource, $font_size, $text_angle, $lastX + $extra_info['character_spacing'], $start_y, $color, $font_file, $v, $extra_info);
       
$lastX = max($coordinates[2], $coordinates[4]);
    }
   
// Return the newly generated image box coordinates:
   
return array($start_x, $start_y, $coordinates[2], $coordinates[3], $coordinates[4], $coordinates[5], $start_x, $coordinates[7]);
}

?>
up
1
eshenk at comcast dot net
10 years ago
I wrote a bit of code to gather all the .ttf files in the directory with this script, and randomize them to write text on a header image for my site. The only catch is the font files have to be named 1.ttf, 2.ttf etc etc.

<?php

srand
((double)microtime()*1234567); // Start the random gizmo
$image = imagecreatefromjpeg(rand(1,exec('ls *.jpg | wc -l')) . ".jpg"); // Get a background
$font = rand(1,exec('ls *.ttf | wc -l')) . ".ttf"; // Get a font
$textcolor = imagecolorallocate($image,0,0,0); // Set text color

$text1 = "shenko.homedns.org"; // Here is our text

imagettftext($image, 50, 0, 20, 50, $textcolor, $font, $text1); // Write the text with a font

header("Content-type: image/jpeg"); // Its a JPEG
imagejpeg($image,'',90); // Zap it to the browser
imagedestroy($image); // Memory Freeupage

?>
up
0
php@davehirschD0TK0MM
4 years ago
I'm not sure if this is a PHP issue or an GD issue, but after upgrading to PHP 5.3.2, text written at an angle has become top-justified (so "N" and "n" have the same top, but the bottom of the "N" is lower than the bottom of the "n".  I've written a kludgy work-around, which writes the text to a non-rotated temporary image, then copies the temporary image, rotated onto the main image.  The kludginess is to get around the fact that I can't seem to extract the font info, particularly the distance between the baseline and the very bottom (I've hard-coded it as 30% of the font size)
I hope the bug can be fixed (if it is indeed a bug) or that others can improve this code:

<?php
   
// Function that draws rotated text by creating a temporary image and rotating it, since rotated text appears to be busted
   
function imageTextRotated($image, $size, $angle, $x, $y, $inColor, $fontfile, $text, $info=array()) {
//        Force some demo text that contains risers and descenders:
//        $text = "Nlfbacejygq!";

       
$bbox = imageftbbox($size, 0, $fontfile, $text, $info);
       
$dropdown = $size*0.3;
       
$xsize = abs($bbox[2] - $bbox[0]);
       
$ysize = abs($bbox[5] - $bbox[3]);
       
$tmpImage = imagecreatetruecolor($xsize*1.25, $ysize*1.25);        // need the extra space to accommodate risers and descenders
       
$transparent = imagecolorallocate($tmpImage, 255, 255, 154);
        if (!
$transparent) {
           
error_log("Color allocate failed");
        }
       
imagecolortransparent($tmpImage, $transparent);
        if (!
imagefill($tmpImage, 0, $ysize, $transparent)) {
           
error_log("Fill failed");
        }
       
$rgb = imagecolorsforindex($image, $inColor);
       
$color = imagecolorexact($tmpImage, $rgb['red'], $rgb['green'], $rgb['blue']);
        if (
$color == -1) {
           
$color = imagecolorallocate($tmpImage, $rgb['red'], $rgb['green'], $rgb['blue']);
            if (!
$color) {
               
error_log("Color allocate 2 failed");
            }
        }

       
$newbbox = imagefttext($tmpImage, $size, 0, 0, $ysize*1.0, $color, $fontfile, $text, $info);
       
$tmpImage = imagerotate($tmpImage, $angle, $transparent);
       
$newWidth = imagesx($tmpImage);
       
$newHt = imagesy($tmpImage);
       
imagecopymerge($image, $tmpImage, $x-$newWidth+$dropdown, $y-$newHt, 0, 0, $newWidth, $newHt, 100);
       
//        Highlight the desired starting point (baseline) with a green dot:
//        $green = imagecolorallocate($image, 0, 251, 0);
//        imagefilledellipse($image, $x, $y, 10, 10, $green);
       
imagedestroy($tmpImage);
?>

-Dave
up
0
cory at lavacube dot com
7 years ago
Since this function is not documented, I felt it was best that I shed some light on the extrainfo parameter.

You can see the full documentation at the GD reference manual:
http://www.boutell.com/gd/manual2.0.33.html#gdImageStringFTEx

Basically it accepts an array containing the following options as keys and an associated value:
(int) flags [more info in the GD reference manual]
(double/float) linespacing
(int) charmap
(int) hdpi
(int) vdpi
(string) xshow
(string) fontpath

My C/C++ is not very good but this is the best I can explain. Read the documentation for more information. :-)

A very simple example of usage would be:

<?php

imagefttext
( $img_pointer, 12, 0, 10, 10, [-insertsomecolour-], '/path/to/font.ttf', "THIS IS A TEST\nTHIS IS LINE 2\nTHIS IS LINE3", array('lineheight'=>2.0) );

?>
up
0
Anonymous
8 years ago
I am using php 5.1.2 on a winxp machine. I was  getting into the TrueType fonts and wanted to see which ones would look best incorporated into web images. So I created the following script that prints out samples of all the TrueType fonts found in my C:\Windows\Fonts directory. The script takes only one request parameter - 'fsize'. It stands for font-size and lets you see each font in any size you wish -- I limited it to values between 5 and 48. Hope this helps someone other than me :)

I apologize in advance if any of my code is not the prettiest-written php code even seen -- I have only been coding in php for the past week (I'm a perl-guy usually).

<?php
   
list($x, $y, $maxwidth) = array(0, 0, 0);

   
$fsize = (int)$_REQUEST['fsize'];
    if (
$fsize < 5 or $fsize > 48) $fsize = 8;

   
header("Content-type: image/jpeg");

   
// don't know how wide or tall the font samples will be.
    // create a huge image for now, we'll copy it smaller
    // later when we know how large the image needs to be.
   
$im = imagecreate(1000, 20000) or die('could not create!');
   
$clr_white = imagecolorallocate($im, 255, 255, 255);
   
$clr_black = imagecolorallocate($im, 0, 0, 0);

   
$font_path = "C:/Windows/Fonts/";
   
$dh = opendir($font_path);
    while ((
$file = readdir($dh)) !== FALSE) {
       
// we're only dealing with TTY fonts here.
       
if (substr(strtolower($file), -4) != '.ttf') continue;

       
$str = "Sample text for '$file'";
       
$bbox = imagettfbbox(
           
$fsize, 0, "{$font_path}{$file}", $str
       
);
       
$ww = $bbox[4] - $bbox[6];
       
$hh = $bbox[1] - $bbox[7];

       
imagettftext(
           
$im, $fsize, 0, $x, $y,
           
$clr_black, "{$font_path}{$file}", $str
       
);

       
$y += $hh + 20;
        if (
$ww > $maxwidth) $maxwidth = $ww;
    }

   
closedir($dh);

   
// ok, now we can chop off the extra space from the
    // 1000 x 20000 image.
   
$im2 = imagecreate($maxwidth + 20, $y);
   
imagecopyresized(
       
$im2, $im, 0, 0, 0, 0, $maxwidth + 20,
       
$y, $maxwidth + 20, $y
   
);
   
imagejpeg($im2);
   
imagedestroy($im);
   
imagedestroy($im2);
?>
up
0
vsazel at atlas dot cz
8 years ago
If you want to get the best result in monochrome font rendering, change render_mode to FT_LOAD_RENDER. It's the last parameter of FT_Load_Glyph() function (in gdft.c).
up
0
dnf at seznam dot cz
9 years ago
For negative image you must add one line after the $grayColor computation:

$grayColor =  ~ $grayColor & 0x7FFFFFF;
up
0
aidan at php dot net
9 years ago
This function is very simular to imageffttext(), you may find the information provided on its manual page helpful:

http://php.net/imagettftext
up
0
MagicalTux at FF dot st
9 years ago
When compiling PHP with FreeType 2 support, you'll probably have some problems if - for example - you use debian and didn't compile freetype2 yourself...
If configure fails after saying "If configure fails, try --with-xpm-dir..." you most likely have FreeType1 installed, but not freetype2 ...

Do this as root :
apt-get install libfreetype6-dev

It took me some time to find out that apt-get install freetype2 is actually installing freetype1 ...
up
0
kagaku at gmail dot com
9 years ago
I found myself in need of an align right function and found one on the imagepstext manual page. I can't imagine I'm the only person who's needed to use this, so here's a slightly modified version that works with imagefttext:

<?
  function align_right($string, $fontfile, $imgwidth, $fontsize){
    $spacing = 0;
    $line = array("linespacing" => $spacing);
    list($lx,$ly,$rx,$ry) = imageftbbox($fontsize,0,$fontfile,$string,$line);
    $textwidth = $rx - $lx;
    $imw = ($imgwidth-10-$textwidth);
    return $imw;
  }
?>
up
0
sebastiand at gmx dot de
11 years ago
After spending the evening with some work on automatically generated images, I had the idea to switch of anti-aliasing (looking, if some font would look better that way), which turned out not to be quite so easy.

Actually you have to use the negative of the desired color to switch of antialising. I include the corresponding line from my code (line split up):

// USE NEGATIVE OF DESIRED COLOR TO SWITCH OF ANTI-ALIASING
ImageFTText ($neuesBild,$fontsize,$fontangle,$TextPosX,$TextPosY,
-$custom_fg,$fonttype,$text,array());
up
0
jwilliam at kcr dot uky dot edu
11 years ago
Thanks for the script!  I modified it to show several fonts that I was wanting to use.  I am using GD-2.0.7, FreeType-2.1.3(text rotation fix,among others), and PHP-4.2.3 and had to include the array information to get it to work.

Code change follows:
$fontfile="/usr/local/fonts/ttf/bookantbd.ttf";
// Waterfall of point sizes to see what Freetype 2's autohinting looks like:
//
for($i=4;$i<=12;$i++){
  ImageFtText($image,$i,0,10,(280+$i*14),$forecolor,$fontfile, bookantbd . $i . ". " . $string, array("linespacing" => 1.0));
}

John
up
0
ben at tNOSPAManjNOSPAMo dot cnospamordots dot om
12 years ago
If you're interested in turning off FreeType hinting, search for the following line in the gd source (gdft.c):
      err = FT_Load_Glyph (face, glyph_index, FT_LOAD_DEFAULT);
and replace it with
      err = FT_Load_Glyph (face, glyph_index, FT_LOAD_NO_HINTING);

Recompile GD, and vola: beauteous antialiasing.
up
-1
d underscore brown x at hotmail dot
6 years ago
realpath(".")
realpath(getenv("SCRIPT_FILENAME"));

could be different.  This helped when setting GDFONTPATH.
up
-1
darren at badpun dot co dot uk
7 years ago
I had trouble working out how to accurately represent fonts in point sizes when constructing charts that had a user-customisable output DPI (basically, the user could specify the size of the chart in mm - or any other physical measure - and the DPI to create arbitrarily-sized charts to work properly in real printed documents).

GD1 was OK as it used pixels for font rendering, but GD2 uses points, which only makes any sense if you know the DPI that it assumes when rendering text on the image surface. I have not been able to find this anywhere in this documentation but have examined the GD2 source code and it appears to assume a DPI of 96 internally. However, this can easily be customised in the GD2 source so it cannot be assumed that all PHP interpreters out there have a GD2 compiled using 96dpi internally.

If it does, and you are using it to construct images whose target DPI is not 96, you can calculate the point size to supply to imageftbox() and imagefttext() like this:

<?php
/* 100mm x 100mm image */
$imageWidth = 100;
$imageHeight = 100;

/* 300 dpi image, therefore image is 1181 x 1181 pixels */
$imageDPI = 300;

/* unless we do this, text will be about 3 times too small */
$realFontSize = ($fontPt * $targetDPI) / 96;
?>
To Top