提到微信小程序生成海报,99%的人都会想到这个小程序端来实现最简单不过了,但是最近就遇到了一个比较SB的外包公司,在讨论群里讨论问题的时候,一个前端开发竟然直接提出海报让后端生成一张图片返回给前端,看到这段话,我就感觉这都是做技术的,差别就这么大麽
效果图:
由于之前处理这块业务基本都是前端处理的,所以后端还真没写过小程序生成海报,但经过谷歌和百度搜索之后发现,微信小程序生成海报的代码真的很少,可以说基本没有,那我这里就把我用了2小时时间写的PHP合并微信小程序海报的代码分享出来给大家
public static function createWxQrcode($params)
{
//配置APPID、APPSECRET
$APPID = "";
$APPSECRET = "";
//获取access_token
$access_token = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$APPID&secret=$APPSECRET";
//缓存access_token
session_start();
$_SESSION['access_token'] = "";
$_SESSION['expires_in'] = 0;
if (!isset($_SESSION['access_token']) || (isset($_SESSION['expires_in']) && time() > $_SESSION['expires_in'])) {
$json = httpRequest($access_token, 'POST');
$json = json_decode($json, true);
// var_dump($json);
$_SESSION['access_token'] = $json['access_token'];
$_SESSION['expires_in'] = time() + 7200;
$ACCESS_TOKEN = $json["access_token"];
} else {
$ACCESS_TOKEN = $_SESSION["access_token"];
}
//构建请求二维码参数
//path是扫描二维码跳转的小程序路径,可以带参数?id=xxx
//width是二维码宽度
$qcode = "https://api.weixin.qq.com/wxa/getwxacode?access_token=$ACCESS_TOKEN";
$param = json_encode(array("path" => "pages/routeDetail/index?id={$params['line_id']}&recom_uid={$params['user_id']}", "width" => 100));
//POST参数
$result = httpRequest($qcode, "POST", $param);
$filename = ROOT_PATH . 'public/uploads/qrcode/' . $params['line_id'] . '_' . $params['user_id'] . '_qrcode_wx.png';
//生成二维码
file_put_contents($filename, $result);
$image = '/uploads/qrcode/' . $params['line_id'] . '_' . $params['user_id'] . '_qrcode_wx.png';
$base64_image = "data:image/jpeg;base64," . base64_encode($result);
#echo $base64_image;
return $image;
}
PHP合并图片生成海报的代码
有些参数的代码已经删减,请跟进自己情况进行处理替换即可
public static function createMiniWechat($params)
{
$config = array(
'image' => array(
array(
'url' => ROOT_PATH . 'public' . DS . $params['wx_image'], //二维码地址
'is_yuan' => true, //true图片圆形处理
'stream' => 0,
'left' => 280, //小于0为小平居中
'top' => 400,
'right' => 0,
'width' => 100, //图像宽
'height' => 100, //图像高
'opacity' => 100 //透明度
),
array(
'url' => $image_arr[0], //素材地址
'is_yuan' => false, //true图片圆形处理
'stream' => 0,
'left' => 0, //小于0为小平居中
'top' => 10,
'right' => 0,
'width' => 400, //图像宽
'height' => 250, //图像高
'opacity' => 100 //透明度
),
),
'text' => array(
array(
'text' => $lineInfo->title, //文字内容
'left' => 10, //小于0为小平居中
'top' => 290,
'fontSize' => 14, //字号
'fontColor' => '0,0,0', //字体颜色
'angle' => 0,
'fontPath' => ROOT_PATH . 'public/assets/fonts/fzltxh.ttf', //字体文件
),
array(
'text' => $date, //文字内容
'left' => 10, //小于0为小平居中
'top' => 340,
'fontSize' => 12, //字号
'fontColor' => '169,169,169', //字体颜色
'angle' => 0,
'fontPath' => ROOT_PATH . 'public/assets/fonts/fzltxh.ttf', //字体文件
),
array(
'text' => '¥' . $price, //文字内容
'left' => 10, //小于0为小平居中
'top' => 365,
'fontSize' => 14, //字号
'fontColor' => '255,20,147', //字体颜色
'angle' => 0,
'fontPath' => ROOT_PATH . 'public/assets/fonts/fzltxh.ttf', //字体文件
),
array(
'text' => '长按识别小程序码访问', //文字内容
'left' => 10, //小于0为小平居中
'top' => 435,
'fontSize' => 14, //字号
'fontColor' => '0,0,0', //字体颜色
'angle' => 0,
'fontPath' => ROOT_PATH . 'public/assets/fonts/fzltxh.ttf', //字体文件
),
array(
'text' => '全新体验', //文字内容
'left' => 10, //小于0为小平居中
'top' => 470,
'fontSize' => 13, //字号
'fontColor' => '169,169,169', //字体颜色
'angle' => 0,
'fontPath' => ROOT_PATH . 'public/assets/fonts/fzltxh.ttf', //字体文件
)
),
'background' => ROOT_PATH . 'public/assets/img/bj.jpg', //背景图
);
$filename = ROOT_PATH . 'public/uploads/qrcode/' . $params['line_id'] . '_' . $params['user_id'] . '_qrcode.png';
//echo createPoster($config);
//$filename为空是真接浏览器显示图片
$rest = createPoster1($config, $filename);
if ($rest) {
$image = '/uploads/qrcode/' . $params['line_id'] . '_' . $params['user_id'] . '_qrcode.png';
db('qrcode_record')->insert(['user_id' => $params['user_id'], 'line_id' => $params['line_id'], 'image' => $image, 'create_time' => time()]);
return $image;
}
return false;
}
合成宣传海报的代码:
/**
* 生成宣传海报
* @param array 参数,包括图片和文字
* @param string $filename 生成海报文件名,不传此参数则不生成文件,直接输出图片
* @return [type] [description]
*/
function createPoster1($config = array(), $filename = "")
{
//如果要看报什么错,可以先注释调这个header
//if(empty($filename)) header("content-type: image/png");
if (empty($filename)) header("content-type: image/png");
$imageDefault = array(
'left' => 0,
'top' => 0,
'right' => 0,
'bottom' => 0,
'width' => 100,
'height' => 100,
'opacity' => 100
);
$textDefault = array(
'text' => '',
'left' => 0,
'top' => 0,
'fontSize' => 32, //字号
'fontColor' => '255,255,255', //字体颜色
'angle' => 0,
);
$background = $config['background']; //海报最底层得背景
//背景方法
$backgroundInfo = getimagesize($background);
$backgroundFun = 'imagecreatefrom' . image_type_to_extension($backgroundInfo[2], false);
$background = $backgroundFun($background);
$backgroundWidth = imagesx($background); //背景宽度
$backgroundHeight = imagesy($background); //背景高度
$imageRes = imageCreatetruecolor($backgroundWidth, $backgroundHeight);
$color = imagecolorallocate($imageRes, 0, 0, 0);
imagefill($imageRes, 0, 0, $color);
imagecopyresampled($imageRes, $background, 0, 0, 0, 0, imagesx($background), imagesy($background), imagesx($background), imagesy($background));
//处理了图片
if (!empty($config['image'])) {
foreach ($config['image'] as $key => $val) {
$val = array_merge($imageDefault, $val);
$info = getimagesize($val['url']);
$function = 'imagecreatefrom' . image_type_to_extension($info[2], false);
if ($val['stream']) { //如果传的是字符串图像流
$info = getimagesizefromstring($val['url']);
$function = 'imagecreatefromstring';
}
$res = $function($val['url']);
$resWidth = $info[0];
$resHeight = $info[1];
//建立画板 ,缩放图片至指定尺寸
$canvas = imagecreatetruecolor($val['width'], $val['height']);
imagefill($canvas, 0, 0, $color);
//如果是透明的gif或png做透明处理
$ext = pathinfo($val['url']);
if (array_key_exists('extension', $ext)) {
if ($ext['extension'] == 'gif' || $ext['extension'] == 'png') {
imageColorTransparent($canvas, $color); //颜色透明
}
}
//关键函数,参数(目标资源,源,目标资源的开始坐标x,y, 源资源的开始坐标x,y,目标资源的宽高w,h,源资源的宽高w,h)
imagecopyresampled($canvas, $res, 0, 0, 0, 0, $val['width'], $val['height'], $resWidth, $resHeight);
//$val['left'] = $val['left']<0?$backgroundWidth- abs($val['left']) - $val['width']:$val['left']; //如果left小于-1我这做成了计算让其水平居中 if ($val['left'] < 0) { $val['left'] = ceil($backgroundWidth - $val['width']) / 2; } $val['top'] = $val['top'] < 0 ? $backgroundHeight - abs($val['top']) - $val['height'] : $val['top']; //放置图像 imagecopymerge($imageRes, $canvas, $val['left'], $val['top'], $val['right'], $val['bottom'], $val['width'], $val['height'], $val['opacity']); //左,上,右,下,宽度,高度,透明度 } } //处理文字 if (!empty($config['text'])) { foreach ($config['text'] as $key => $val) {
$val = array_merge($textDefault, $val);
list($R, $G, $B) = explode(',', $val['fontColor']);
$fontColor = imagecolorallocate($imageRes, $R, $G, $B);
//$val['left'] = $val['left']<0?$backgroundWidth- abs($val['left']):$val['left']; //如果left小于-1我这做成了计算让其水平居中 $text = autowrap($val['fontSize'], 0, $val['fontPath'], $val['text'], 390); if ($val['left'] < 0) { $fontBox = imagettfbbox($val['fontSize'], 0, $val['fontPath'], $text); //文字水平居中实质 $val['left'] = ceil(($backgroundWidth - $fontBox[2]) / 2); //计算文字的水平位置 } $val['top'] = $val['top'] < 0 ? $backgroundHeight - abs($val['top']) : $val['top']; imagettftext($imageRes, $val['fontSize'], $val['angle'], $val['left'], $val['top'], $fontColor, $val['fontPath'], $text); } } //生成图片 if (!empty($filename)) { $res = imagejpeg($imageRes, $filename, 90); //保存到本地 imagedestroy($imageRes); if (!$res) return false; return $filename; } else { header("Content-type:image/png"); imagejpeg($imageRes); //在浏览器上显示 imagedestroy($imageRes); } }