PHP之GD函数的使用

本文讲解常用GD函数的应用

1.一个简单的图像

我们先看一个例子：

<?php

$w = 200;

$h = 200;

$img = imagecreatetruecolor($w,$h);

$white = imagecolorallocate($img,255,255,255);

$blue = imagecolorallocate($img,0,0,64);

imagefill($img,0,0,$blue);

imageline($img,0,0,$w,$h,$white);

imagestring($img,4,50,150,'Sales',$white);

Header('Content-type: image/png');

imagepng($img);

imagedestroy($img);

?>

运行结果：

这段代码中我们用了一下几个函数：

imagecreatetruecolor - 新建一个真彩色图像.函数原型为resource imagecreatetruecolor ( int $width , int $height )。imagecreatetruecolor() 返回一个图像标识符，代表了一幅大小为 x_size 和 y_size 的黑色图像。
imagecolorallocate - 为一幅图像分配颜色. 函数原型为int imagecolorallocate ( resource $image , int $red , int $green , int $blue ). imagecolorallocate() 返回一个标识符，代表了由给定的 RGB 成分组成的颜色。red，green 和 blue 分别是所需要的颜色的红，绿，蓝成分。这些参数是 0 到 255 的整数或者十六进制的 0x00 到 0xFF。imagecolorallocate() 必须被调用以创建每一种用在 image 所代表的图像中的颜色。
imagefill - 区域填充. 函数原型为bool imagefill ( resource $image , int $x , int $y , int $color ). imagefill() 在 image 图像的坐标 x，y（图像左上角为 0, 0）处用 color 颜色执行区域填充（即与 x, y 点颜色相同且相邻的点都会被填充）。
imagestring - 水平地画一行字符串. 函数原型为bool imagestring ( resource $image , int $font , int $x , int $y , string $s , int $col ). imagestring() 用 col 颜色将字符串 s 画到 image 所代表的图像的 x，y 坐标处（这是字符串左上角坐标，整幅图像的左上角为 0，0）。如果 font 是 1，2，3，4 或 5，则使用内置字体。
以 PNG 格式将图像输出到浏览器或文件 - 以 PNG 格式将图像输出到浏览器或文件. 函数原型为bool imagepng ( resource $image [, string $filename ] ). imagepng() 将 GD 图像流（image）以 PNG 格式输出到标准输出（通常为浏览器），或者如果用 filename 给出了文件名则将其输出到该文件。
imagedestroy - 销毁一图像函数原型为bool imagedestroy ( resource $image ). imagedestroy() 释放与 image 关联的内存。image 是由图像创建函数返回的图像标识符，例如 imagecreatetruecolor()。

2.使用文本和字体创建图像

<?php

$button_text = $_REQUEST['button_text'];

$button_text_color = $_REQUEST['color'];

if (empty($button_text) || empty($button_text_color)) {

    echo 'Please input text';

    exit;

}

//创建画布

$img = imagecreatefrompng($button_text_color . '_button.png');

//设置按钮的宽和高

$width_image = imagesx($img);

$height_image = imagesy($img);

//没有边界的宽和高，边界设置定为18个像素

$margin = 18;

$width_image_without_margins = $width_image - 2 * $margin;

$height_image_without_margins = $height_image - 2 * $margin;

//字体

$font_size = 240;

//使用字体必须告诉GD2字体的位置

putenv('GDFONTPATH=/System/Library/Fonts');

$fontname = 'MarkerFelt.ttc';

//循环遍历边界，寻找合适的字体font

do {

    $font_size--;

    $bbox = imagettfbbox($font_size, 0, $fontname, $button_text);

    $left = $bbox[0];

    $right = $bbox[2];

    $width_text = $right - $left;

    $height_text = abs($bbox[7] - $bbox[1]);

}while ($font_size > 8 && ($width_text > $width_image_without_margins || $height_text > $height_image_without_margins)) ;

//检查文字边界问题

if ($width_text > $width_image_without_margins || $height_text > $height_image_without_margins) {

    echo 'Text given will not fit button. <br />';

}else {

    //计算文本坐标

    $text_x = $width_image / 2.0 - $width_text / 2.0;

    $text_y = $height_image / 2.0 - $height_text / 2.0;

    //矫正

    if ($left < 0) {

        $text_x = abs($left);

    }

    $above_line_text = abs($bbox[7]);

    $text_y += $above_line_text;

    $text_y -= 2;

    //渲染文本

    $white = imagecolorallocate($img, 255, 255, 255);

    imagettftext($img, $font_size, 0, $text_x, $text_y, $white, $fontname, $button_text);

    Header('Content-type: image/png');

    imagepng($img);

}

imagedestroy($img);

?>

演示页面为：

除了上边我们解释的函数外，又新增了一些新的函数，我们一一作出解释：

imagecreatefrompng - 由文件或 URL 创建一个新图象。函数原型为resource imagecreatefrompng ( string $filename )。imagecreatefrompng() 返回一图像标识符，代表了从给定的文件名取得的图像。
imagesx - 取得图像宽度。函数原型为int imagesx ( resource $image )。imagesx() 返回 image 所代表的图像的宽度。
imagesy - 取得图像高度。函数原型为int imagesy ( resource $image )。 imagesy() 返回 image 所代表的图像的高度。

imagettfbbox - 取得使用 TrueType 字体的文本的范围。函数原型为array imagettfbbox ( float $size , float $angle , string $fontfile , string $text )。本函数计算并返回一个包围着 TrueType 文本范围的虚拟方框的像素大小。其中参数size:像素单位的字体大小,angle:text 将被度量的角度大小,fontfile:TrueType 字体文件的文件名（可以是 URL）。根据 PHP 所使用的 GD 库版本，可能尝试搜索那些不是以 '/' 开头的文件名并加上 '.ttf' 的后缀并搜索库定义的字体路径,text:要度量的字符串。

imagettfbbox() 返回一个含有 8 个单元的数组表示了文本外框的四个角：

角标	坐标
0	左下角 X 位置
1	左下角 Y 位置
2	右下角 X 位置
3	右下角 Y 位置
4	右上角 X 位置
5	右上角 Y 位置
6	左上角 X 位置
7	左上角 Y 位置

这些点是相对于文本的而和角度无关，因此“左上角”指的是以水平方向看文字时其左上角。

本函数同时需要 GD 库和 FreeType 库。逆时针方向

imagettftext - 用 TrueType 字体向图像写入文本。函数原型为array imagettftext ( resource $image , float $size , float $angle , int $x , int $y , int $color , string $fontfile , string $text )。使用 TrueType 字体将指定的 text 写入图像。其中text参数使用UTF-8 编码的文本字符串。

3.绘制图像与用图表描述数据

<?php

/********************************************************

          Database query to get poll info

********************************************************/

//get vote

$vote = $_REQUEST['vote'];

//login mysql

@ $db = new mysqli('127.0.0.1', 'poll', 'poll', 'poll');

if (mysqli_connect_errno()) {

  echo 'Could not connect to db <br />';

  exit;

}

if (!empty($vote)) {

  $vote = addslashes($vote);

  //update

  $query = 'update poll_results set num_votes = num_votes + 1 where candidate = \'' . $vote . '\'';

  $result = $db -> query($query);

  if (!$result) {

    echo 'Could not connect to db <br />';

    exit;

  } 

  //query

  $query = 'select * from poll_results';

  $result = $db -> query($query);

  if (!$result) {

    echo 'Could not connect to db <br />';

    exit;

  } 

  $num_candidates = $result -> num_rows;

  $total_votes = 0;

  while ($row = $result -> fetch_object()) {

    $total_votes += $row -> num_votes;

  }

  $result -> data_seek(0);

/********************************************************

          Initial calculations for graph

********************************************************/

//使用字体必须告诉GD2字体的位置

putenv('GDFONTPATH=/System/Library/Fonts');

$fontname = 'Times.dfont';

$width = 600;

$left_margin = 50;

$right_margin = 50;

$bar_height = 40;

$bar_spacing = $bar_height / 2;

$title_size = 16;

$main_size = 12;

$small_size = 12;

$text_indent = 10;

$x = $left_margin + 60;

$y = 50;

$bar_unit = ($width - ($x + $right_margin)) / 100;

$height = $num_candidates * ($bar_height + $bar_spacing) + 50;

/********************************************************

          Setup base image

********************************************************/

$img = imagecreatetruecolor($width, $height);

$white = imagecolorallocate($img, 255, 255, 255);

$blue = imagecolorallocate($img, 0, 64, 128);

$black = imagecolorallocate($img, 0, 0, 0);

$pink = imagecolorallocate($img, 255, 78, 243);

$text_color = $black;

$percent_color = $black;

$line_color = $black;

$bg_color = $white;

$bar_color = $blue;

$number_color = $pink;

imagefilledrectangle($img, 0, 0, $width, $height, $white);

imagerectangle($img, 0, 0, $width - 1, $height - 1, $line_color);

//Add title

$title = 'Poll Result';

$title_dimensions = imagettfbbox($title_size, 0, $fontname, $title);

$title_length = $title_dimensions[2] - $title_dimensions[0];

$title_height = abs($title_dimensions[7] - $title_dimensions[1]);

$title_above_line = abs($title_dimensions[7]);

$title_x = ($width - $title_length) / 2;

$title_y = ($y - $title_height) / 2;

imagettftext($img, $title_size, 0, $title_x, $title_y, $text_color, $fontname, $title);

imageline($img, $x, $y - 5, $x, $height - 15, $line_color);

/********************************************************

          Draw data into gragh

********************************************************/

while ($row = $result -> fetch_object()) {

  $percent = 0;

  if ($total_votes > 0) {

    $percent = intval($row -> num_votes / $total_votes * 100);

  }

  $percent_cahr = eurofix('%');

  $percent_dimension = imagettfbbox($main_size, 0, $fontname, $percent . $percent_cahr);

  $percent_lenght = $percent_dimension[2] - $percent_dimension[0];

  imagettftext($img, $main_size, 0, $width - $percent_lenght - $text_indent, $y + $bar_height / 2,

   $percent_color, $fontname, $percent . $percent_cahr);

$bar_lenght = $x + $percent * $bar_unit;

imagefilledrectangle($img, $x, $y - 2, $bar_lenght, $y + $bar_height, $bar_color);

imagettftext($img, $main_size, 0, $text_indent, $y + $bar_height / 2,

   $text_color, $fontname, $row -> candidate);

imagerectangle($img, $bar_lenght, $y - 2, $x + (100 * $bar_unit), $y + $bar_height, $line_color);

imagettftext($img, $small_size, 0, $x + (100 * $bar_unit) - 50, $y + $bar_height / 2,

   $number_color, $fontname, $row -> num_votes . '/' . $total_votes);

  $y = $y + $bar_height + $bar_spacing;

}

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

imagepng($img);

imagedestroy($img);

}

function eurofix($str) {

$euro=utf8_encode('€');

$str = preg_replace('/\x80/',$euro,$str);

return ($str);

}

?>

这上边的代码使用了我们上边没有介绍的函数有：

imagefilledrectangle - 画一矩形并填充函数原型为：bool imagefilledrectangle ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $color )。imagefilledrectangle() 在 image 图像中画一个用 color 颜色填充了的矩形，其左上角坐标为 x1，y1，右下角坐标为 x2，y2。0, 0 是图像的最左上角。
imagerectangle - 画一个矩形函数原型为：bool imagerectangle ( resource $image , int $x1 , int $y1 , int $x2 , int $y2 , int $col )。imagerectangle() 用 col 颜色在 image 图像中画一个矩形，其左上角坐标为 x1, y1，右下角坐标为 x2, y2。图像的左上角坐标为 0, 0。

我们新建一个vote.html文件，并写了如下的代码：

<html>

  <head>

    <title>

      Pop Poll

    </title>

  </head>

  <body>

    <form method="post" action="show_poll.php">

    <h1>Pop Poll</h1>

    <p>Who will you vote for in the election?</p>

    <input type="radio" name="vote" value="John Smith">John Smith <br />

    <input type="radio" name="vote" value="Mary Jones" >Mary Jones <br />

    <input type="radio" name="vote" value="Fred Bloggs" >Fred Bloggs <br /> <br />

    <input type="submit" value="Show results">

    </form>

  </body>

</html>

运行后：

选择后，点击Show results 就成功绘制了表格

说明

本文只演示了GD的部分函数，查看全部函数和用法，点击这个网站http://php.net/manual/zh/ref.image.php