PHP图片处理技术的应用

之前碰到一个项目里,用到了图片处理技术。类似于下面这个图一样

blog20043014183595668 - PHP图片处理技术的应用

图片分为3个部分组成,背景图,二维码图片,二维码图片下面的文字。其中,二维码图片以及文字是动态生成的,不一样的活动,二维码图片及文字描述都是不一样的。

如何完成该需求,我们需要用php的图片处理技术来实现。

基础知识

首先我们需要安装php的扩展GD库。有了他之后,才能继续进行下面的步骤。下面主要以代码为主,函数的具体用法亲们自行查阅文档。

创建画布

<?php

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

// 创建一个100*100的画布
$im = imagecreatetruecolor(100, 100);
// 生成png图片
imagepng($im);

给画布设置颜色

<?php

header("Content-type:image/png");
// 创建一个100*100的画布
$im = imagecreatetruecolor(100, 100);
// 设置红包
$color = imagecolorallocate($im, 255, 0, 0);
// 填充画布
imagefill($im, 0, 0, $color);
// 生成图片
imagepng($im);
// 销毁资源
imagedestroy($im);

改代码会生成一个100*100的红色背景图

绘制图像

绘制点和线

<?php
$imgHandler = imagecreatetruecolor(100,100);

// 填充背景
$bgColor = imagecolorallocate($imgHandler, 200, 30, 40);
imagefill($imgHandler,0, 0, $bgColor);


// 绘制点
for ($i = 0; $i < 100; $i++) {
   $pointColor = imagecolorallocate($imgHandler, rand(0,200), rand(0,200), rand(0,200));
   imagesetpixel($imgHandler, rand(0, 100), rand(0, 100), $pointColor);
}

// 绘制线
for ($i = 0; $i < 10; $i++) {
   $lineColor = imagecolorallocate($imgHandler, rand(100, 225), rand(100, 225), rand(0, 50));
   imageline($imgHandler,
       rand(0, 100),
       rand(0, 100),
       rand(0, 100),
       rand(0, 100), $lineColor);
}

header("Content-Type:image/png");
imagepng($imgHandler);
imagedestroy($imgHandler);

绘制矩形

<?php

$imgHandler = imagecreatetruecolor(100,100);

// 填充背景
$bgColor = imagecolorallocate($imgHandler, 200, 30, 40);
imagefill($imgHandler,0, 0, $bgColor);

// 绘制矩形边框
$borderCol = imagecolorallocate($imgHandler, 23, 32, 200);
imagerectangle($imgHandler, 0, 0, 99, 99, $borderCol);


header("Content-Type:image/png");
imagepng($imgHandler);
imagedestroy($imgHandler);

绘制文字

绘制普通文字

函数:imagestring()

<?php

/**绘制文字**/

$imgHandler = imagecreatetruecolor(100,100);

// 绘制矩形并填充
$borderCol = imagecolorallocate($imgHandler, 23, 32, 200);
imagefilledrectangle($imgHandler, 0, 0, 99, 99, $borderCol);

// 绘制水平方向文字
$strColor = imagecolorallocate($imgHandler, mt_rand(0,100), mt_rand(0, 100), mt_rand(0, 100));
imagestring($imgHandler, 5,1, 45, 'hello world', $strColor);

// 垂直方向文字
imagestringUp($imgHandler, 5,45, 99, 'hello world', $strColor);

header("Content-Type:image/png");
imagepng($imgHandler);
imagedestroy($imgHandler);

使用字体库绘制文字

使用imagestring来绘制文字,非常简单。但有几个缺陷。首先:它不能绘制中文,另外,使用imagestring绘制出的文字不会太大。

这里我们使用imagettftext来绘制文字,imagettftext除了能设置字体大小外,还可以给字体设置倾斜角度。

使用前,我们需要找一些ttf格式的字体。在windows系统下的C:\Windows\Fonts目录,有许多字体。

<?php

/* 使用imagettftext向图像正中写文字 */

$im = imagecreatetruecolor(300, 300);
$bgColor = imagecolorallocate($im, 222,222,222);
imagefill($im,0, 0, $bgColor);

$size = 30;
$angle = 0;
$font = 'D:\wwwroot\stdphp\img\font/msyhbd.ttf';
$text = '大圣到此一游';



//获取文字信息
$info = imagettfbbox($size, $angle, $font, $text);
$minx = min($info[0], $info[2], $info[4], $info[6]);
$maxx = max($info[0], $info[2], $info[4], $info[6]);
$miny = min($info[1], $info[3], $info[5], $info[7]);
$maxy = max($info[1], $info[3], $info[5], $info[7]);

///* 计算文字初始坐标和尺寸 */
$x = $minx;
$y = abs($miny);
$w = $maxx - $minx;
$h = $maxy - $miny;


/* 随机文字颜色 */
$textColor = imagecolorallocate($im, mt_rand(0,150), mt_rand(0,150), mt_rand(0,150));

imagettftext($im, $size, $angle, (300 - $w) / 2 + $x, (300 - $h) / 2 + $y, $textColor, $font, $text);

header("Content-type:image/png");
imagepng($im);
imagedestroy($im);

绘制的图片效果如下:

blog20043016024927296 - PHP图片处理技术的应用

图片背景管理

之前我们学的创建画布都是从一个空白开始,然后给他填充颜色、绘制点、文字之类的。现在我们可以直接从已有的图片加载作为背景。常用的有几个函数:

imagecreatefrompng()、imagecreatefromjpeg()、imagecreatefromgif()。他们表示加载对应的图片格式。

另外我们再学一个函数,getimagesize(),返回一个具有四个单元的数组。索引 0 包含图像宽度的像素值,索引 1 包含图像高度的像素值。索引 2 是图像类型的标记:1 = GIF,2 = JPG,3 = PNG,……

<?php

/**
* 向不同的格式的图片中间画一个字符
*/
function image($imgfile, $string)
{
   list($width, $height, $type) = getimagesize($imgfile);
   $types = ['1' => 'git', '2' => 'jpeg', '3' => 'png'];
   $createFunc = 'imagecreatefrom' . $types[$type];
   $im = $createFunc($imgfile);
   $textColor = imagecolorallocate($im, 255, 0, 0);

   $x = ($width - imagefontwidth(5) * strlen($string)) / 2;
   $y = ($height - imagefontheight(5)) / 2;
   imagestring($im, 5, $x, $y, $string, $textColor);

   header("Content-type:image/".$types[$type]);
   $output = 'image'.$types[$type];
   $output($im);
   imagedestroy($im);
}

//image('timg.jpg', 'jpg');
image('1.png', 'png');

实战

通过之前3篇文章讲述了php处理图片,现在我们再次回到刚开始的那个问题。

blog20043014183595668 - PHP图片处理技术的应用

图片分为3个部分组成,背景图,二维码图片,二维码图片下面的文字。其中,二维码图片以及文字是动态生成的,不一样的活动,二维码图片及文字描述都是不一样的。

加载背景图片

我们首先准备好一张背景图片,并加载

<?php

// 加载背景图片

$im = imagecreatefrompng('./demo.png');

header("content-type:image/png");
imagepng($im);
imagedestroy($im);

绘制文字

<?php

// 加载背景图片

$im = imagecreatefrompng('./demo.png');

// 绘制文字
$fontColor = imagecolorallocate($im, 255, 255, 255);
$font = 'C:\Users\admin\Desktop\code\demo\img/simhei.ttf';
imagettftext($im, 40, 0, 700, 400, $fontColor, $font, '我们是祖国的未来');
imagettftext($im, 40, 0, 700, 480, $fontColor, $font, '未来为祖国做贡献');

header("content-type:image/png");
imagepng($im);
imagedestroy($im);
demo3 - PHP图片处理技术的应用

加载二维码图片

一般都是通过qrcode类来生成二维码图片。这里我们就不去引入qrcode类的,直接找一个二维码图片来替代。

<?php

// 加载背景图片
$im = imagecreatefrompng('./demo.png');

// 绘制文字
$fontColor = imagecolorallocate($im, 255, 255, 255);
$font = 'C:\Users\admin\Desktop\code\demo\img/simhei.ttf';
imagettftext($im, 40, 0, 700, 400, $fontColor, $font, '我们是祖国的未来');
imagettftext($im, 40, 0, 700, 480, $fontColor, $font, '未来为祖国做贡献');

// 加载二维码图片到背景图上
$qrim = imagecreatefrompng('./qrcode.png');
list($w, $h) = getimagesize('./qrcode.png');
imagecopyresampled($im, $qrim, 160, 1800, 0, 0, $w, $h, $w, $h);

header("content-type:image/png");
imagepng($im);
imagedestroy($im);

发表评论

电子邮件地址不会被公开。 必填项已用*标注