vue将地址转成二维码,与图片合成海报

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue将地址转成二维码,与图片合成海报相关的知识,希望对你有一定的参考价值。

参考技术A 1.准备容器:

2.引入插件:

3.开始绘制:

4.记得写海报的样式,需要定位哦:

5.完成:

利用phpqrcode二维码生成类库合成带logo的二维码并且用合成的二维码生成海报

前期准备

1、利用phpqrcode生成二维码:

原理分析:

下载下来的类文件是一个压缩包,包含很多文件和演示程序,我们只需要里边的phpqrcode.php

这一个文件就可以生成二维码了,它是一个多个类的集合文件,我们需要用到里边的QRcode类png()方法:

//测试生成带头像的网站二维码海报
    public function ce_haibao_qrcode(){
        $codeurl = "https://www.baidu.com";

        Vendor(‘PHPQRcode.class#phpqrcode‘);

        $logoQR = "http://thirdwx.qlogo.cn/mmopen/vi_32/icaYhiapVcmsyGnHouHeSvYiaz8yxtvfBicgx5x8joGh4uNiaibp8skQf8Uv4CNtibsJDndbOQwI9LSvDQP6slFQaLy4g/132";

        $level=3;
        $size=6;
        $errorCorrectionLevel =intval($level) ;//容错级别
        $matrixPointSize = intval($size);//生成图片大小

        $dirPath =‘./Uploads/qrcode/‘.date(‘Y-m-d‘).‘/‘;//保存二维码路径
        $dirPath_B =‘/Uploads/qrcode/‘.date(‘Y-m-d‘).‘/‘;//保存二维码路径
        if(!file_exists($dirPath)){
            mkdir($dirPath, 0777);
        }
        $tmpName = time().".png"; //保存在服务器上的二维码名称
        $qrcodeName = $dirPath .$tmpName; //保存在服务器上的二维码路径
        $qrcodeName_B = $dirPath_B .$tmpName; //保存在服务器上的二维码路径

        //生成二维码图片
        $object = new QRcode();
        $object->png($codeurl, $qrcodeName, $errorCorrectionLevel, $matrixPointSize, 2);
        //$QR = imagecreatefrompng($qrcodeName);
        $QR = $qrcodeName;

        $QRlogoPath = ‘./Uploads/qrcode/qrlogo/‘.date(‘Y-m-d‘).‘/‘;
        $QRlogoPath_B = ‘/Uploads/qrcode/qrlogo/‘.date(‘Y-m-d‘).‘/‘;
        if(!file_exists($QRlogoPath)){
            mkdir($QRlogoPath, 0777);
        }
        $qrcode = time().‘.png‘;
        $QRlogo = $QRlogoPath .$qrcode;
        $QRlogo_B = $QRlogoPath_B .$qrcode;
        if($logoQR !==FALSE){
            $QR = imagecreatefromstring(file_get_contents($QR));
            $logo = imagecreatefromstring(file_get_contents($logoQR));

            $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);
            header(‘Content-type: image/png‘);
       //合成带logo的二维码 ImagePng(
$QR,$QRlogo); $dst_path = ‘./Uploads/haibao/haibao.png‘;//海报素材底图 $src_path = $QRlogo; //覆盖图,用上面的那张图QRlogo $haibaoPath = ‘./Uploads/qrcode/haibao/‘.date(‘Y-m-d‘).‘/‘; //$haibaoPath_B = ‘/Uploads/qrcode/haibao/‘.date(‘Y-m-d‘).‘/‘; if(!file_exists($haibaoPath)){ mkdir($haibaoPath, 0777); } $haibao = time().‘.png‘; $haibao = $haibaoPath .$haibao; //$haibao_B = $haibaoPath_B .$haibao; //创建图片实例 $dst = imagecreatefromstring(file_get_contents($dst_path));//海报 $src = imagecreatefromstring(file_get_contents($src_path));//二维码 //获取覆盖图的宽高 list($src_w, $src_h) = getimagesize($src_path); //获取海报的宽高 list($dst_w, $dst_h) = getimagesize($dst_path); // imagecopymerge($dst, $src, 20, 120, 0, 0, $src_w, $src_h, 100); imagecopymerge($dst, $src, ($dst_w-$src_w)/2, $dst_h-100-$src_h, 0, 0, $src_w, $src_h, 100); list($dst_w, $dst_h) = getimagesize($dst_path); imagepng($dst,$haibao);//生成图片并保存到服务器上 合成的海报 imagedestroy($dst); imagedestroy($src); $haibao = substr($haibao,1);//去掉左边第一个小点 $arr[‘msg‘] = $haibao; echo json_encode($arr);exit; } }

 

以上是关于vue将地址转成二维码,与图片合成海报的主要内容,如果未能解决你的问题,请参考以下文章

vue 合成图片

java 微信海报的实现

java 微信海报的实现

利用phpqrcode二维码生成类库合成带logo的二维码并且用合成的二维码生成海报

PHP合成活动商品图片分享海报

生成带二维码的海报图---批量生成多个