php实现微信小程序生成海报

2019年06月05日 1,931 次阅读 39 条评论 8 人点赞

提到微信小程序生成海报,99%的人都会想到这个小程序端来实现最简单不过了,但是最近就遇到了一个比较SB的外包公司,在讨论群里讨论问题的时候,一个前端开发竟然直接提出海报让后端生成一张图片返回给前端,看到这段话,我就感觉这都是做技术的,差别就这么大麽;

都是做技术的,有些功能前端做、后端做都可以,但是如此推辞,我还真是头一次听到,如果你说你不会写或者你说你太忙,说一句“大神,要不你来写这块代码吧,我这边有点写不出来... ...”,或许听到这句话我心里会好很多。其实在讨论这些问题之前已经跟这家外包公司因为有些问题争执了几次了,总感觉合格的外包公司跟不成气候的外包公司差距是真TM大。也不知道这家公司实力咋样,反正我是感觉可差劲。。。废话不说,既然前端甩锅推辞,咱也不能说这本来就不是我应该负责的,换句话说,本来就是你前端的工作,你不写甩锅给后端,客户也没把经费扣除一些分给我呀!!!真TM郁闷,碰见这种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);
    }
}
效果图:

讲梦想、讲奋斗可以,前提是钱要给够。

文章评论(39

  • 心乱添乱Lv 1

    请问这个怎么运行啊,能把目录拍给我吗

    #92019-11-07 15:12
  • adison1134Lv 1

    打了哦,问一下,写的商品原价要加上横线划掉,怎么加啊

    #82019-10-25 14:51
    • 阳阳博主

      @adison1134PHP的imageline函数在两个给定点之间绘制一条线段

      2019-10-25 14:58
    • adison1134Lv 1

      @阳阳好的,谢谢大佬

      2019-10-25 15:13
    • adison1134Lv 1

      @adison1134大佬再问一下,想要做的商品图加个边框,边框有一部分要盖住商品图,我试了一下,中间透明的边框放上去之后透明的部分就会变成黑色,会把商品图盖上,有什么办法处理这种情况吗

      2019-10-25 17:15
    • 阳阳博主

      @adison1134我认为后端生成海报是再前端无法完成这项coding工作的情况下,并且海报内容并不复杂,如果是你这种建议你还是前端来生成。

      2019-10-26 10:57
    • adison1134Lv 1

      @阳阳好的,谢谢大佬,我们是因为一共有web,android,ios三端为了节省时间所以后端生成

      2019-10-28 09:06
  • aha-哈哈哈哈Lv 1

    大佬 我也好想要一份字体 可以赐我一份吗

    #72019-10-22 10:42
    • 阳阳博主

      @aha-哈哈哈哈这几天临时有事不太方便上网,字体已发送邮件!

      2019-10-23 08:57
  • 荷西Lv 1

    大佬 字体文件可以发我一份吗

    #62019-09-27 10:20
  • phpCalfLv 1

    大佬,可以发一份fzltxh.ttf字体吗

    #52019-08-22 18:44
    • 阳阳博主

      @phpCalf已发送邮箱,请注意查收!

      2019-08-23 09:00
  • 13721333327Lv 1

    配置中图片项stream干啥的? 怎么处理成圆角LOGO

    #42019-08-02 17:26
    • 阳阳博主

      @13721333327处理圆角Logo需要自己二次处理下咯。

      2019-08-02 17:29
  • 小萌新Lv 1

    背景图、顶部海报等图片资源有嘛,可不可以发一份呀

    #32019-07-23 17:32
    • 阳阳博主

      @小萌新背景图就是一张白色的图片,顶部海报百度图片随便找一张即可~~

      2019-07-23 17:36
    • 小萌新Lv 1

      @阳阳对尺寸什么的有要求的嘛

      2019-07-23 17:37
    • 阳阳博主

      @小萌新没有,就看你想做多大的海报了。

      2019-07-23 17:39
    • 小萌新Lv 1

      @阳阳

      字体文件可不可发一份呀,你这个挺好看的

      2019-07-23 17:41
    • 阳阳博主

      @小萌新已发送到你的邮箱。

      2019-07-23 17:46
    • 小萌新Lv 1

      @阳阳好的,谢谢了。

      2019-07-23 17:47
    • 小萌新Lv 1

      @阳阳

      这个函数好像没有

      2019-07-23 17:59
    • 阳阳博主

      @小萌新function autowrap($fontsize, $angle, $fontface, $string, $width)
      {
      // 这几个变量分别是 字体大小, 角度, 字体名称, 字符串, 预设宽度
      $content = "";

      // 将字符串拆分成一个个单字 保存到数组 letter 中
      for ($i = 0; $i < mb_strlen($string); $i++) {
      $letter[] = mb_substr($string, $i, 1);
      }

      foreach ($letter as $l) {
      $teststr = $content . " " . $l;
      $testbox = imagettfbbox($fontsize, $angle, $fontface, $teststr);
      // 判断拼接后的字符串是否超过预设的宽度
      if (($testbox[2] > $width) && ($content !== "")) {
      $content .= "\n";
      }
      $content .= $l;
      }
      return $content;
      }

      2019-07-23 18:01
    • 小萌新Lv 1

      @阳阳文字不显示是什么问题呀,字体颜色rgb是0,0,0的,用的白色背景图

      2019-07-23 18:05
    • 阳阳博主

      @小萌新抱歉~昨天下班后就一直没开网,看看有没有报错,然后看字体文件路径是否正确,仔细排查问题。

      2019-07-24 08:52
    • 小萌新Lv 1

      @阳阳

      我已经注释掉header了,文字还是没显示。字体文件路径是正确的,通过url也能访问


      背景图片的尺寸为348*500 ,顶部海报尺寸为348*155, 文字颜色0,0,0黑色都没显示

      2019-07-24 09:21
    • 小萌新Lv 1

      @阳阳 已经知道原因了,字体资源没有用本地绝地路径方式

      2019-07-24 09:57
  • NauyEhUdLv 1

    老哥,问一下你方法里面的 `createPoster1 ` 是执行什么功能的

    #22019-07-08 11:26
    • 阳阳博主

      @NauyEhUd合成海报的代码,给漏了,我一会补一下。

      2019-07-08 11:36
    • NauyEhUdLv 1

      @阳阳麻烦大佬了 我也是前端不会作图然后被迫来做海报

      2019-07-08 14:16
    • 阳阳博主

      @NauyEhUd代码已经补上了,参考下吧。另外这是后端合成海报的代码。

      2019-07-08 14:18
    • NauyEhUdLv 1

      @阳阳嗯嗯麻烦大佬了,现在用你的方法已经okay了。可以生成

      2019-07-08 14:20
    • 阳阳博主

      @NauyEhUd解决问题就成,感想支持!

      2019-07-08 14:21
  • 毒药Lv 1

    只能说这个前端是个菜鸡,本来就属于它的代码刷锅给你,博主够厉害了,还真去写这部分代码,客户给的钱多麽?

    #12019-06-10 16:06
    • 阳阳博主

      @毒药跟钱没太大关系,这个客户合作了挺久了,算是帮一下客户吧

      2019-06-10 16:07
    • 毒药Lv 1

      @阳阳要是我,直接甩回去,自己的事情自己做!

      2019-06-10 16:40
    • 阳阳博主

      @毒药每个人的解决方式不同,这件事已经过去了,不聊这个,继续忙工作了哈~~

      2019-06-10 16:54
  • 接收回复邮件通知
    非注册会员初次评论需要审核,审核时间(09:00-18:00),请耐心等待...