微信小程序码生成与更换LOGO

在我们进行微信小程序开发时,
有时需要生成微信小程序码进行分享;
但是这个微信小程序码中的LOGO并不是用户头像;
这时就需要我们使用 GD 库对二维码进行处理;
将用户头像裁剪成圆形,
然后合并到生成的二维码上。

例子:

<?php
/**
 * @Author: [FENG] <1161634940@qq.com>
 * @Date:   2019-06-28T17:40:14+08:00
 * @Last Modified by:   [FENG] <1161634940@qq.com>
 * @Last Modified time: 2019-07-01T21:58:29+08:00
 */

$wx_appid = 'wx...........';
$wx_secret = 'wx...........';
$path = $_GET['path']; // 传递的 路径

$url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' . $wx_appid . '&secret=' . $wx_secret;
$data = httpRequest($url, 'GET');
if (!$data)
    die('access_token获取失败');

$access_token = json_decode($data,TRUE)['access_token']; // 小程序端获取的 access_token
$url = 'https://api.weixin.qq.com/wxa/getwxacode?access_token='.$access_token; // 请求地址,获取小程序码
$data = array(
    'path'          => $path, // 扫码进入的小程序页面路径
    'width'         => 430, // 二维码的宽度,单位 px。
    'auto_color'    => false, // 自动配置线条颜色
    'is_hyaline'    => true // 是否需要透明底色
);

$qrcode = httpRequest($url,"POST",json_encode($data)); // 获取到二进制小程序码,可直接写入文件生成图片
$avatarUrl = $card['avatar']; // 用户头像地址
$avatarUrl = 'https://fengkui.net/images/home/logo.png'; // 头像地址
// $qrcode = file_get_contents('https://fengkui.net/images/home/qrcode.jpg'); // 二维码地址 地址
$date_avatar = file_get_contents($avatarUrl);
$logo = yuan_img($date_avatar); // 头像裁剪成圆形
$sharePic = qrcode_with_logo($qrcode, $logo); // 头像与二维码合并
file_put_contents('./qrcode.png',$sharePic); // 生成文件

/**
 * [yuan_img 剪切图片为圆形]
 * @param  [type] $picture [图片数据流 比如file_get_contents(imageurl)返回的数据]
 * @return [type]          [图片数据流]
 */
function yuan_img($picture)
{
    $src_img = imagecreatefromstring($picture);
    $w = imagesx($src_img);
    $h = imagesy($src_img);
    $w = min($w, $h);
    $h = $w;
    $img = imagecreatetruecolor($w, $h);
    imagealphablending($img, false); // 设定图像的混色模式
    imagesavealpha($img, true); // 这一句一定要有(设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息)
    $bg = imagecolorallocatealpha($img, 255, 255, 255, 127); // 拾取一个完全透明的颜色,最后一个参数127为全透明
    imagefill($img, 0, 0, $bg);
    $r = $w / 2; //圆半径
    $y_x = $r; //圆心X坐标
    $y_y = $r; //圆心Y坐标
    for ($x = 0; $x < $w; $x++) {
        for ($y = 0; $y < $h; $y++) {
            $rgbColor = imagecolorat($src_img, $x, $y);
            if (((($x - $r) * ($x - $r) + ($y - $r) * ($y - $r)) < ($r * $r))) {
                imagesetpixel($img, $x, $y, $rgbColor);
            }
        }
    }
    /**
     * 如果想要直接输出图片,应该先设header。header("Content-Type: image/png; charset=utf-8");
     * 并且去掉缓存区函数
     */
    //获取输出缓存,否则imagepng会把图片输出到浏览器
    ob_start();
    imagepng($img);
    imagedestroy($img);
    $contents = ob_get_contents();
    ob_end_clean();
    return $contents;
}

/**
 * [qrcode_with_logo 在二维码的中间区域镶嵌图片]
 * @param  [type] $QR   [二维码数据流。比如file_get_contents(imageurl)返回的数据,或者微信给返回的数据]
 * @param  [type] $logo [中间显示图片的数据流。比如file_get_contents(imageurl)返回的东东]
 * @return [type]       [返回图片数据流]
 */
function qrcode_with_logo($QR, $logo)
{
    $QR = imagecreatefromstring($QR);
    $logo = imagecreatefromstring($logo);
    $QR_width = imagesx($QR); // 二维码图片宽度
    $QR_height = imagesy($QR); // 二维码图片高度
    $logo_width = imagesx($logo); // logo图片宽度
    $logo_height = imagesy($logo); // logo图片高度
    $logo_qr_width = $QR_width / 2.2; // 组合之后logo的宽度(占二维码的1/2.2)
    $scale = $logo_width / $logo_qr_width; // logo的宽度缩放比(本身宽度/组合后的宽度)
    $logo_qr_height = $logo_height / $scale; // 组合之后logo的高度
    $from_width = ($QR_width - $logo_qr_width) / 2; // 组合之后logo左上角所在坐标点
    /**
     * 重新组合图片并调整大小
     * imagecopyresampled() 将一幅图像(源图象)中的一块正方形区域拷贝到另一个图像中
     */
    imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width, $logo_qr_height, $logo_width, $logo_height);
    /**
     * 如果想要直接输出图片,应该先设header。header("Content-Type: image/png; charset=utf-8");
     * 并且去掉缓存区函数
     */
    //获取输出缓存,否则imagepng会把图片输出到浏览器
    ob_start();
    imagepng($QR);
    imagedestroy($QR);
    imagedestroy($logo);
    $contents = ob_get_contents();
    ob_end_clean();
    return $contents;
}

冯奎博客

冯奎博客
请先登录后发表评论
  • latest comments
  • 总共0条评论