博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
php使用GD库合并简单图片并变动部分颜色
阅读量:6152 次
发布时间:2019-06-21

本文共 3928 字,大约阅读时间需要 13 分钟。

最近看到很多大公司都开始做宠物链形式多样化,最特别的是宠物分有多种部位然后再不同组合并生成出对应的宠物图片,看起来比较高大尚,不过发现有些是使用SVG矢量图片,这类图片理论上无失真可以随意放大性能略受影响,编辑方便容易调整,但操作麻烦,如果直接使用图片那么操作会容易些。

php的GD库提供了很多基础图片操作功能,可以分为两大类:

真彩图操作:支持直接透明图片处理,但不支持颜色变换,允许画入新内容。

调色板图操作:支持指定颜色为透明,并且支持颜色变换,允许画入新内容。

两种类型的图片可以相互转换,如果原图片有透明块尽可能避免直接转为调色板图(透明块容易出现未知异常)但可以合并到调色板图中从而保留了原图的透明,如果在调色板图中指定了某个色值为透明则在生成图片后这个色值为透明的。

如果只使用GD库在不需要变换图片颜色的时候基本上不需要使用调色板,相反需要有变换图片颜色时则只能使用调色板。

这里以生成小怪物为目标来操作变换小怪物的颜色:

首先需要准备5个基本图片元素:

php使用GD库合并简单图片并变动部分颜色

图片要求:

  1. 所有图片最好全新画的(最好使用矢量图生成的),所有需要变色的原颜色与其它颜色连接处不能有过渡,否则替换颜色后原连接过渡颜色将被保留,影响美观。
  2. eyes.png 除了眼睛体外全部透明化处理。
  3. fleck.png 除了斑纹休外全部透明化处理。
  4. mouth.png 除了嘴巴体外全部透明化处理。
  5. shadow.png 体型内无颜色透明化处理,体型外全部使用白色。
  6. shape.png 不要有透明内容。
  7. 所有需要替换颜色的色值在其它所所部位最好都不要出现。

下面给一个生成不同颜色宠物的示例代码:

$image = imagecreatefrompng('shape.png'); //取体型图片    list($src_w, $src_h) = getimagesize('shape.png'); //获取宽高度    imagetruecolortopalette($image, false, 256); //转换为调色板图像,只有调色板才能换颜色    $color_index = imagecolorat($image, 276, 621); //获取颜色索引值(体型颜色)    imagecolorset($image, $color_index, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); //修改颜色    $color_index = imagecolorat($image, 450, 780); //获取颜色索引值(肚皮颜色)    imagecolorset($image, $color_index, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); //修改颜色        // 这段处理非常重要,如果直接转换为真彩图会造成后续有透明图片合并异常        // 如果直接使用 **imagepalettetotruecolor**  函数也会有异常,可能是调色板数据未清除造成的        // 如同把图片写到文件再读取一样,得到真彩图    $_image = imagecreatetruecolor($src_w, $src_h); //创建真彩图    $color = imagecolorallocate($_image, 255, 255, 255); //分配颜色    imagefill($_image, 0, 0, $color); //填充    imagecopyresampled($_image, $image, 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h); //合并修改后的图片    $image = $_image;    /* 斑纹处理 */    $image_fleck = imagecreatefrompng('fleck.png'); //取斑纹图片    imagecopyresampled($image, $image_fleck, 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h); //合并        imagetruecolortopalette($image, false, 256); //转换为调色板图像,只有调色板才能换颜色    $color_index = imagecolorat($image, 385, 925); //获取颜色索引值(斑纹颜色)    imagecolorset($image, $color_index, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); //修改颜色        // 如同把图片写到文件再读取一样,得到真彩图,与上面一样,如果不这样处理后续的透明图合并将会有异常    $_image = imagecreatetruecolor($src_w, $src_h); //创建真彩图    $color = imagecolorallocate($_image, 255, 255, 255); //分配颜色    imagefill($_image, 0, 0, $color); //填充    imagecopyresampled($_image, $image, 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h); //合并修改后的图片    $image = $_image;    /* 体型阴影处理 */    imagecopyresampled($image, imagecreatefrompng('test1/shadow.png'), 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h);    /* 嘴巴处理 */    imagecopyresampled($image, imagecreatefrompng('test1/mouth.png'), 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h);    /* 眼睛处理 */    $image_eyes = imagecreatefrompng('eyes.png'); //取斑纹图片        imagetruecolortopalette($image, false, 256); //转换为调色板图像,只有调色板才能换颜色    imagecopyresampled($image, $image_eyes, 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h); //合并    $color_index = imagecolorat($image_eyes, 285, 335); //获取颜色索引值(眼睛颜色)    imagecolorset($image, $color_index, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); //修改颜色        // 如同把图片写到文件再读取一样,得到真彩图,与上面一样,如果不这样处理后续的透明图合并将会有异常    $_image = imagecreatetruecolor($src_w, $src_h); //创建真彩图    $color = imagecolorallocate($_image, 255, 255, 255); //分配颜色    imagefill($_image, 0, 0, $color); //填充    imagecopyresampled($_image, $image, 0, 0, 0, 0, $src_w, $src_h, $src_w, $src_h); //合并修改后的图片    $image = $_image;    //添加背景    $color_index = imagecolorat($image, 435, 300); //获取颜色索引值(背景颜色)    imagefilltoborder($image, 0, 0, $color_index, imagecolorallocate($image, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)));    imagesavealpha($image, true); //保存 alpha 通道信息,如果图片中有透明内容则需要    header('Content-type:image/png');    imagepng($image, null, 9);    imagedestroy($image);

注意: 替换图片颜色时需要取出调色板颜色的索引值函数 imagecolorat 就是取颜色的索引值(想获取哪个颜色给出颜色的任意坐标值即可),由于我测试时图片1304 X 1412 所以代码中坐标值都比较大,还有颜色替换会有锯齿这是因为像素点为矩形造成的当图片有一定大小时不会影响太多美观。

执行结果如下:

php使用GD库合并简单图片并变动部分颜色

转载于:https://blog.51cto.com/php2012web/2092972

你可能感兴趣的文章
虚拟机 搭建LVS + DR + keepalived 高可用负载均衡
查看>>
maven 发布到仓库
查看>>
Android实现简单短信发送器
查看>>
Linux命令执行顺序— ||和&&和; 比较
查看>>
第30周一
查看>>
一、Bitmap的recycle问题
查看>>
DHCP Option 60 的理解
查看>>
android中的textview显示汉字不能自动换行的一个解决办法
查看>>
程序局部性原理感悟
查看>>
js中document.write()使用方法
查看>>
随机生成50个字段的elasticsearch的测试程序输入
查看>>
如何使用流量精灵刷网站流量
查看>>
使用AutoMapper 处理DTO数据对象的转换
查看>>
java使用POI获取sheet、行数、列数
查看>>
js 调用 oc 的解释
查看>>
Linux学习笔记——Ubuntu更新软件源
查看>>
非nodejs方式的vue.js的使用
查看>>
普林斯顿公开课 算法2-2:选择排序
查看>>
SharePoint 2013 开启訪问请求
查看>>
jQuery(三) javascript跨域问题(JSONP解决)
查看>>