本文讲解常用GD函数的应用
1.一个简单的图像
我们先看一个例子:
运行结果:
这段代码中我们用了一下几个函数:
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.使用文本和字体创建图像
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. ';}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.绘制图像与用图表描述数据
'; 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 '; exit; } //query $query = 'select * from poll_results'; $result = $db -> query($query); if (!$result) { echo 'Could not connect to db '; 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
文件,并写了如下的代码:
Pop Poll
运行后:
选择后,点击Show results 就成功绘制了表格
说明
本文只演示了GD的部分函数,查看全部函数和用法,点击这个网站