10.5 图片水印处理

最后更新于:2022-04-02 00:21:32

生成水印是整个技术里面最简单的一步。定位水印位置的时候涉及到一点点、最初浅的几何知识。 而上一章我们学习了图片的裁剪技术。水印只不过是图片裁剪技术的一点点的小变形的体现。 一点点几何上的重点知识: 1. 图片大小 2. 图片放在哪个坐标上 3. 图片的宽高 图片水印技术的核心相当于是两张图片:一张大图;一张小图。将小图放置在大图的某个位置上。 水印技术是这个里面最为简单的一个技术,实现方式: 1. 打开原图(也叫操作的目标图片) 2. 打开水印图(也叫水印来源图片) 3. 使用 imagecopymerge 将小图合并至大图的指定位置 4. 输出图片 5. 销毁资源 ##一、简单图片水印 需要加水印的目标图片(假设存储在我电脑的d:/www/img/meinv.jpg),图片如下: ![document/2015-09-22/5600d61ee6dfc](http://box.kancloud.cn/document_2015-09-22_5600d61ee6dfc.png) 需要加上的logo图片(假设存储在我电脑的d:/www/img/logo.png),图片如下: ![document/2015-09-22/5600ed86f1a65](http://box.kancloud.cn/document_2015-09-22_5600ed86f1a65.png) 最主要的是要使用这个函数: > bool imagecopymerge ( resource $目标图片 , resource $来源图片, int $目标开始的x , int $目标开始的y, int $来源的x , int $来源的y , int $来源的宽 , int $来源的高 , int $透明度) 注意: 透明度的值为0-100的整数。imagecopy和imagecopymerge的区别在于一个有透明度,一个没有透明度。 按照总结的步骤,做一个简单的方法: ~~~ ~~~ **我们看看最终的效果如下:** ![document/2015-09-22/5600ee0269dbf](http://box.kancloud.cn/document_2015-09-22_5600ee0269dbf.png) ##二、做一个智能的图片水印函数 一、 我们可以做一个自动化打开图片的函数 之前创建图片或者打开图片的函数我们都学习过: 1. imagecreate 2. imagecreatetruecolor 3. imagecreatefromjpeg等 我们来推理下下。我们如果能够想办法得到图片的MIME类型,根据MIME类型找到打开该文件的函数就行了。 因此,做这一步分为两块来完成: 1. 得到文件MIME类型,返回类型。 2. 传入路径,打开函数,返回资源。 因此,上面两块,我们都可以做成两个函数。 传入图片的路径,将图片的宽、高、图片的MIME类型全部返回一个数组,需要的时候使用对应的参数即可。 我们可以将mime类型传到到$data当中的type关联数组中。代码如下: ~~~ function getImageInfo($path) { $info = getimagesize($path); $data['width'] = $info[0]; $data['height'] = $info[1]; $data['type'] = $info['mime']; return $data; } ~~~ 打开文件的函数,传入一个图片的类型,传入一个图片的路径就打开了图片,返回成了资源类型。 下面的例子中,$type使用swithc...case进行判断,如果是imagejpeg就使用imagecreatefromjpeg来打开$path中路径指定的文件。最后,返回一个资源类型。 ~~~ function openImg($path, $type) { switch ($type) { case 'image/jpeg': case 'image/jpg': case 'image/pjpeg': $img = imagecreatefromjpeg($path); break; case 'image/png': case 'image/x-png': $img = imagecreatefrompng($path); break; case 'image/gif': $img = imagecreatefromgif($path); break; case 'image/wbmp': $img = imagecreatefromwbmp($path); break; default: exit('图片类型不支持'); } return $img; } ~~~ 自动计算位置: 我们可将位置分为10个值,分别为0-9。 我们用画图来表示位置: ![document/2015-09-22/5600ef919671d](http://box.kancloud.cn/document_2015-09-22_5600ef919671d.png) 注: 0为随机位置,可出现在页面中的任意处。但是不能超过图片的范围。 0的位置为: x = 0 至 (大图宽 - 小图宽) y = 0 至 (大图高 - 小图高) 1的位置为: x = 0 y = 0 2的位置为: x = (大图宽 - 小图宽) /2 y = 0 3的位置为: x = 大图宽 - 小图宽 y = 0 4的位置为: x = 0 y = (大图高 - 小图高) / 2 ... ....依此类推。 我们来推理0-9的实现代码: ~~~ switch($pos){ case 1: $x=0; $y=0; break; case 2: $x=ceil(($info['width']-$logo['width'])/2); $y=0; break; case 3: $x=$info['width']-$logo['width']; $y=0; break; case 4: $x=0; $y=ceil(($info['height']-$logo['height'])/2); break; case 5: $x=ceil(($info['width']-$logo['width'])/2); $y=ceil(($info['height']-$logo['height'])/2); break; case 6: $x=$info['width']-$logo['width']; $y=ceil(($info['height']-$logo['height'])/2); break; case 7: $x=0; $y=$info['height']-$logo['height']; break; case 8: $x=ceil(($info['width']-$logo['width'])/2); $y=$info['height']-$logo['height']; break; case 9: $x=$info['width']-$logo['width']; $y=$info['height']-$logo['height']; break; case 0: default: $x=mt_rand(0,$info['width']-$logo['width']); $y=mt_rand(0,$y=$info['height']-$logo['height']); break; } ~~~ 最后调用一下图片的合并、输出和销毁代码即可: > imagecopymerge($dst,$src,$x,$y,0,0,$logo['width'],$logo['height'],$tm); 我们将最终的代码整合好后给大家实验看效果: ~~~ ~~~ *** 本文仅为技术人员交流学习、交流技术使用。 本文中所使用到的图像: 1. 范冰冰女士的形象照片不可用于商业使用。所有权均为范冰冰女士及相关机构所有。 2. 本文中所使用到的logo归百度公司所有。 特此声明!
';