PHP生成带有logo和底图的二维码总结

准备工作:

一张背景图片,一张logo图片,另外得有QRcode类库。

生成二维码:

首先我们要使用QRcode类库来生成一个原始的二维码:
先来看一下QRcode的几个参数:
我们生成二维码一般是使用QRcode的png()方法来生成二维码。
png()方法有6个参数:
第一个:$text 生成的二维码包含的信息。
第二个:$outputPaht 默认是否,不生成文件,这个是生成二维码的路径
第三个:$level 生成二维码的容错率,也就是有被覆盖的区域还能识别,分别是

L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%)
Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%)

第四个:$size,控制生成图片的大小,默认为4
第五个:$margin,控制生成二维码的空白区域大小
第六个:$saveandprint,保存二维码图片并显示出来,$outfile必须传递图片路径。

了解了这些参数以后我们就可以进行一个简单的设置:

$text = "这只是一个测试二维码!";
$QRDir = "./base.png"; //生成的图片路径
$errorCorrectionLevel = 'H';//容错率
$matrixPointSize = 10;//生成的图片的大小
$margin = 2; 

第六个参数呢,我们就不进行设置了,在实际的项目中我们不需要将图片打印出来。这个图片一般会设置成下载。这里我就不多进行赘述了

$qrCode = new QRcode();
$qrCode->png($text, $QRDir, $errorCorrectionLevel, $matrixPointSize, $margin);

通过上面的操作,我们就生成了一个二维码,并且将这个二维码的内容保存在了base.png图片中。
如果是简单的要得到一个二维码的话,那么通过上面的操作就达到目的。但是只是单单一个二维码显得有点难看,实际项目中需要将这个二维码进行美化,加入一些我们需要的背景和logo。接下来我们进行二维码进一步加工,将二维码变的美观起来。

我的实际项目中有2种情况,一种是生成一个不带logo的二维码,一种是带logo的二维码。

我们先来说不带logo的二维码的生成:

由于我们生成的二维码不一定能够百分百的放入到我们预先设置好的背景图片中:(当然也可以在制作背景图片的时候测量好尺寸,正好将二维码放入到背景图片中),这里需要解释一下什么是百分百放入到背景图片中,就是生成的二维码跟背景中预留的显示二维码的空白处能够正好合上,由于背景有时候会是变化的,生成的二维码的大小是固定的,这样的话就不能满足我们需求。

遇到上面变化的背景图时,就需要对生成的二维码进行处理,对生成的二维码进行放大或者缩小的操作。

需要简绍几个图像处理的函数:

imagecreatefromgif():创建一块画布,并从 GIF 文件或 URL 地址载入一副图像 
imagecreatefromjpeg():创建一块画布,并从 JPEG 文件或 URL 地址载入一副图像 
imagecreatefrompng():创建一块画布,并从 PNG 文件或 URL 地址载入一副图像 
imagecreatefromwbmp():创建一块画布,并从 WBMP 文件或 URL 地址载入一副图像 
imagecreatefromstring():创建一块画布,并从字符串中的图像流新建一副图像

使用上面的函数,把生成的二维码图片读取出来,获取到二维码的高度跟宽度。

$QRImageInfo = imagecreatefromspng($QRDir);
$QR_width = imagesx($QRImageInfo);
$QR_height = imagesy($QRImageInfo);  

然后再创建一副我们需要大小的图片:
使用imagecreatetruecolor()方法,创建图片资源,使用imagecolorallocate()方法,给图片设置背景色

$width = 539;
$height = 539;
$newImage = imagecreatetruecolor($width,$height);//创建一个图像资源
$newImage_white = imagecolorallocate($newImage, 255,255,255);//给创建好的图像资源设置白色背景
imagefill($newImage, 0, 0, $newImage_white);//填充$newImage

接下来使用imagecopyresized()函数将二维码图缩放到新建的图片上:

imagecopyresized()函数有10个参数: 
1、要放到的新图片资源(目标图片资源)dst_im 
2、要缩放的图片资源(原图片资源)src_im 
3、目标图像开始x坐标 dst_x 
4、目标图像开始y坐标 dst_y 
5、原图像的开始x坐标 src_x 
6、原图像的开始y坐标 src_y 
7、目标图像的宽度 dst_w 
8、目标图像的高度 dst_h 
9、原图像的宽度 src_w 
10、原图像的高度 src_h

根据上面的参数我们就可以将二维码图片放入到新建的图像中了:

imagecopyresized($newImage, $QRImageInfo,0, 0, 0, 0, 539, 539, $QR_width, $QR_height);

这样得到的$newImage就是一个缩放了的二维码。
接下来就是将这个经过我们缩放了以后的二维码放入到已经设计好的底图上面。
imagecopyresampled这个函数和上面imagecopyresized的效果是一样的,只不过这个函数处理出来的效果要比imagecopyresized好。参数也是一样的。

$backgroundDir = "./background.png";//事先准备好的背景图片
$backgroundImg = imagecreatefromspng($backgroundDir); 
imagecopyresampled($backgroundImg, $newImage, 203, 330, 0, 0, 539, 539, 539, 539);

最后就是将合并好的图片保存起来:

$resultPngPic = "./resultPngPicWithoutLogo.png";//设置最后生成图像的路径
imagepng($backgroundImg,$resultPngPic);
imagedestroy($newImage);//销毁中间创建的$newImage资源

这样就会在当前目录下得到一张名字为resultPngPicWithoutLogo.png的图片,图片的内容就是我们想要的二维码图片。
接下来就是生成带Logo的二维码:
生成带logo的二维码的话思路跟上面不带logo的二维码的方式都是一样的,就是将我们需要的图片进行缩放,然后跟二维码图片进行合并,成为一个带Logo的二维码,然后呢,再把这个二维码放入到背景图片中去。这里的操作完全跟上面是一样的。我们这里重点介绍一下如何实现图片的圆角设置,如下图:


在生成带logo的二维码的时候,我们也希望logo也是圆角的,跟微信支付宝的二维码一样。

首先打开事先准备好的logo图片:

$logoDir = "./logo.png";
$resource = imagecreatefrompng($logoDir);
$image_width = imagesx($resource);
$image_height = imagesy($resource);

创建一个跟当前图片相同大小的画布:

$targetImg = imagecreatetruecolor($logo_width, $logo_height);
imagesavealpha($targetImg, true);//保留图片的透明通道
$targetImgBackground = imagecolorallocatealpha($targetImg, 255, 255, 255, 127);//将目标图片设置成透明背景
imagefill($targetImg, 0, 0, $targetImgBackground);//填充透明背景

接下来就是将logo图片画到目标图片上:

这里有俩个方法,第一种比较灵活,但是效率低:就是判断每一个像素点是否落在了我们我们要的范围内,落在了我们要范围内的话,就将这个像素点画在画布上,重复这一过程,直到所有像素点都遍历完。这样我们就相当于裁剪出一个新的图片。这种方法可以裁剪任何样子的图片,只要你能够做好像素点的判断。但是缺点就是效率太低,需要将所有的像素点遍历一遍,而且需要对画布修改很多次,才能得到最后的图片,如果是专业的需要的话,牺牲点性能也能够接受。但是我们只是需要一个简单的圆角图片。这样的需求完全不需要遍历所有的像素。
第二种方法,就是我们可以创建1个小的正方形,将这个小正形切割成一个扇形,这样讲这个切割后的扇形跟原来的图片合成,就会形成一个圆角图片。但是这里有一个问题,得到的圆角图片只是在形式上是圆角的,圆角的外面是一圈的背景,而不是透明的。
先来看第一种方法:

$r = $radius; //圆角半径
function litter_corner($radius){
    $img = imagecreatetruecolor($radius, $radius);
    imagesavealpha($img, true);
    $bgcolor = imagecolorallocatealpha($img, 0, 0, 0,127);
    $fgcolor = imagecolorallocate($img, 0, 0, 0);
    imagefill($img, 0, 0, $bgcolor);
    imagefilledarc($img, $radius, $radius, $radius*2, $radius*2, 180, 270, $fgcolor, IMG_ARC_PIE);
    imagecolortransparent($img, $fgcolor);
    return $img;
}
// lt(左上角)
$lt_corner = litter_corner($radius);
imagecopymerge($resource, $lt_corner, 0, 0, 0, 0, $radius, $radius, 100);
// lb(左下角)
$lb_corner = imagerotate($lt_corner, 90, 0);
imagecopymerge($resource, $lb_corner, 0, $image_height - $radius, 0, 0, $radius, $radius, 100);
// rb(右上角)
$rb_corner  = imagerotate($lt_corner, 180, 0);
imagecopymerge($resource, $rb_corner, $image_width - $radius, $image_height - $radius, 0, 0, $radius, $radius, 100);
// rt(右下角)
$rt_corner  = imagerotate($lt_corner, 270, 0);
imagecopymerge($resource, $rt_corner, $image_width - $radius, 0, 0, 0, $radius, $radius, 100);

$image = "logoFinal.png";
imagepng($resource,$image);

这样的就得到了一张带背景色的圆角logo,但是这种方法没有得到透明的图片。后续再研究一下,看能不能得到一张透明的图片以达到需要的效果。

第二种方法
可以得到一个透明背景的圆角logo图片,代码如下:(这段代码是从网络上找的,基本的思路就是通过计算像素的位置来确定是不是要显示,不停的画像素点得到的最终的图)

function radius_img($imgpath, $radius = 15) {
        $ext     = pathinfo($imgpath);
        $src_img = null;
        switch ($ext['extension']) {
            case 'jpg':
                $src_img = imagecreatefromjpeg($imgpath);
                break;
            case 'png':
                $src_img = imagecreatefrompng($imgpath);
                break;
        }
        $wh = getimagesize($imgpath);
        $w  = $wh[0];
        $h  = $wh[1];
        // $radius = $radius == 0 ? (min($w, $h) / 2) : $radius;
        $img = imagecreatetruecolor($w, $h);
        //这一句一定要有
        imagesavealpha($img, true);
        //拾取一个完全透明的颜色,最后一个参数127为全透明
        $bg = imagecolorallocatealpha($img, 255, 255, 255, 127);
        imagefill($img, 0, 0, $bg);
        $r = $radius; //圆 角半径
        for ($x = 0; $x < $w; $x++) {
            for ($y = 0; $y < $h; $y++) {
                $rgbColor = imagecolorat($src_img, $x, $y);
                if (($x >= $radius && $x <= ($w - $radius)) || ($y >= $radius && $y <= ($h - $radius))) {
                    //不在四角的范围内,直接画
                    imagesetpixel($img, $x, $y, $rgbColor);
                } else {
                    //在四角的范围内选择画
                    //上左
                    $y_x = $r; //圆心X坐标
                    $y_y = $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                    }
                    //上右
                    $y_x = $w - $r; //圆心X坐标
                    $y_y = $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                    }
                    //下左
                    $y_x = $r; //圆心X坐标
                    $y_y = $h - $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                    }
                    //下右
                    $y_x = $w - $r; //圆心X坐标
                    $y_y = $h - $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                    }
                }
            }
        }
        return $img;
    }
$final_logo = radius_img($resource);
imagepng($final_logo, "logoFinal.png");

通过调用这个函数,我们就能轻松的得到一个透明的圆角logo了,其实也是很简单的,只不过相对来说要比上面的合成图像要繁琐点。

最后呢就是将这个已经修改好的logo图片贴在二维码中间。这里面可能会涉及到图片的大小问题,可以根据之前图片的缩放等办法来得到一个理想的大小。
合成代码如下:

$QR = imagecreatefrompng("qr.png");//这里qr.png是二维码的图片
$logo = imagecreatefrompng("logoFinal.png");//圆角二维码logo
$QR_width = imagesx($QR);//二维码图片宽度
$QR_height = imagesy($QR);//二维码图片高度
$logo_width = imagesx($logo);//logo图片宽度
$logo_height = imagesy($logo);//logo图片高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
//重新组合图片并调整大小
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width, $logo_qr_height, $logo_width, $logo_height);
$QRHasLogo = "QRHasLogo.png";//最终得到的带有logo的二维码
imagepng($QR, $QRHasLogo);

这样就得到一个名为QRHasLogo.png的图片,再将这个图片贴到背景上面就大功告成了。
最后一步跟上面不带logo的二维码是相同的,就不在进行设置了。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

  • 1、简介Simple Qrcode 是 Bacon/BaconQrCode 针对 Laravel 框架的封装版本,...
    阿耀王子阅读 690评论 0 1
  • 不得不说,二维码是小日本的一个伟大发明,它密度小、信息容量大、容错能力强、成本低、制作难度低等优点,使得二维码得到...
    杰森_Jason阅读 5,604评论 8 10
  • Anna艳娜 我目前是在成都一家公关广告公司做公关主管,我想成为一名集品牌、营销、沟通于一体的综合性管理人才 职位...
    Anna艳娜阅读 147评论 0 0
  • 夕阳醉了黄昏 十里长堤上堆满乡音 断桥喃喃絮语 晚风细说童年深情 露珠晶莹启明星的眼眼 锄头镰刀舞进麦林 朝霞染就...
    山上人家123阅读 176评论 5 22
  • 焦虑症,又称为焦虑性神经症,是神经症这一大类疾病中最常见的一种,以焦虑情绪体验为主要特征。可分为慢性焦虑(广泛性焦...
    tian234阅读 260评论 0 0