WordPress网站PHP纯代码生成文章海报图片实现分享

西门大官人
西门大官人
西门大官人
261
文章
63
评论
13/04/201908:50:14来源:代码狗 4 阅读6,098 次 2967字

不知道什么时候开始,WordPress网站站长圈子里流行起搞海报分享。

说实话这个功能很鸡肋,个人感觉没卵用,和加js分享一样。

明明浏览器自带分享功能,还要自己搞一个······。

没办法,谁叫网友们喜欢呢,今天抽空实现了下,只需传入必要的信息,即可生成一张海报图片。

我这个是纯代码版,可以让高级用户DIY的哟。

WordPress网站PHP纯代码生成文章海报图片实现分享

实现这个功能需要依赖于PHP的GD库,没有就不行哟,虚拟主机用户要好好看看是否支持哟。

主要使用了PHP的复制图像,文本转图像等函数实现的,下面我们一起来看看实现代码。

实现代码

$im = imagecreatetruecolor(440, 700) or die("不能初始化新的 GD 图像流");//创建一张空白图像
$_bg_color = imagecolorallocate($im, 255,255,255); //创建颜色,返回颜色标识符 
imagefill($im, 0, 0, $_bg_color); //初始化图像背景为$_bg_color
$bg=imagecreatefromstring(file_get_contents($bigImgPath));//获取网络图片
$src_info = getimagesize($bigImgPath);	//得到图片大小
$bgsf = imagecreatetruecolor(440, 300);  //创建一个画布
imagecopyresampled($bgsf,$bg,0,0,0,0,440,300,$src_info[0],$src_info[1]);//缩放图像
imagecopymerge($im,$bgsf,0,0,0,0,440,300,100);//复制合成
$_text_color = imagecolorallocate($im, 0,0,0);//文字颜色
$fontpath='msyh.ttf';//字体文件路径
$im=textcl($im,$_text_color,$str,$fontSize,$fontpath,330,'');//处理多行文字
$im=textcl($im,$_text_color,$description,$desfontSize,$fontpath,410,'      ');
$qecode=imagecreatefromstring(file_get_contents($ewm));//获取网络图片
$ewm_info = getimagesize($ewm);	//得到图片大小
imagecopymerge($im,$qecode,10,500,0,0,$ewm_info[0],$ewm_info[1],100);//复制合成
$dateimg = imagecreatetruecolor(200, 200);  //创建一个画布
imagefill($dateimg, 0, 0, $_bg_color); //填充颜色
imagettftext($dateimg, $datefontsize, 0,0, 50, $_text_color,$fontpath,$domain);//文字转图片
imagettftext($dateimg, $desfontSize, 0,0, 90, $_text_color,$fontpath,'————————————————————————');
imagettftext($dateimg, $desfontSize, 0,20, 120, $_text_color,$fontpath,$datestr);
imagecopymerge($im,$dateimg,200,520,0,0,200,200,100);//复制合成
header("Content-type: image/png"); //以图像类型输出
imagepng($im);//展示图像
imagedestroy($im); //销毁图像,释放资源

每一行都有注释。

这里要说两句,有个字体文件,这个大家喜欢什么字体就去下载什么字体就好。

字体文件是多平台通用的,不用担心不兼容。

还有一个多行文字转图片的问题,我这里把它写成了一个方法,对于标题和描述都可以使用,节省代码。

//自动文字换行计算
function textcl($img,$_text_color,$str,$fontSize,$fontpath,$Y,$before){
	 for ($i=0;$i<mb_strlen($str);$i++) {
             $letter[] = mb_substr($str, $i, 1,'utf-8');
         } 
         $content=$before;
         foreach ($letter as $l) {
           $teststr = $content." ".$l;
           $fontBox = imagettfbbox($fontSize, 0, $fontpath, $teststr);
           if (($fontBox[2] > 400) && ($content !== "")) {
               $content .= "\n";
           }
       $content .= $l;
   }  
   imagettftext($img, $fontSize, 0, ceil((440 - $fontBox[2]) / 2), $Y, $_text_color, $fontpath, $content );
   return $img;
}

参数说明

  1. 图像载体
  2. 字体颜色
  3. 字符串内容
  4. 字体大小
  5. 字体路径
  6. 添加在字符串之前(用于首行缩进)

使用方法

准备必须内容,主要有以下内容:

  1. $bigImgPath=’最上面的图片链接’;
  2. $str =’标题’;
  3. $description=’描述(注意有字数限制,不然会超出图像)’;
  4. $ewm=’https://www.daimadog.com/qrcode.php?cont=https://www.daimadog.com/4077.html&rc=L&size=150′; //二维码图像地址,我这里使用的是代码狗博客提供的二维码生成接口
  5. $datestr=’时间字符串’;
  6. $domain=’域名字符串’;
  7. $fontSize=22;//标题字体大小,22磅
  8. $desfontSize=14;//描述字体大小
  9. $datefontsize=14;//日期字体大小

给一个上图的生成参数大家对照下就明白了:

  1. $bigImgPath=’https://www.daimadog.com/wp-content/uploads/2019/03/0007-300×200.jpg’;
  2. $str =’[森萝财团]萝莉丝足 X-007 写真套图‘;
  3. $description='[森萝财团]萝莉丝足 X-007号套图,说是萝莉,反正我是没看出来这是萝莉,正规图片,思想邪恶请绕道!’;
  4. $ewm=’https://www.daimadog.com/qrcode.php?cont=https://www.daimadog.com/4077.html&rc=L&size=150′;
  5. $datestr=’公元 2019/04/05′;
  6. $domain=’www.daimadog.com’;
  7. $fontSize=22;
  8. $desfontSize=14;
  9. $datefontsize=14;

好了,有这些就可以正常生成图像链接了,不喜欢这个结构的可以自行diy哟,diy需要注意合成图片时的图像显示位置坐标,字符串转图像时的显示坐标哟。

AD:Bywave速度快,稳定性好的高端机场。。。。
  • 版权声明 本文源自 代码狗 整理 发表于 13/04/201908:50:14
  • 转载请务必保留本文链接:https://zhuji.gd/1314.html
Linode正式更换至新的云管理面板 域名主机

Linode正式更换至新的云管理面板

如果大家登录Linode传统面板后台,面板后台会有一个警示提示,通知我们以前一直在用的传统的Classic Manager面板将于2020年1月31日关闭,而全部采用新的云面板 Cloud Manag...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:4   其中:访客  3   博主  1
    • 代码狗 代码狗 0

      大哥,拿我文章都不留个链接的吗?

      • nice nice 1

        很雞肋但是看起來很高級!!

        • boke112导航 boke112导航 1

          其实我也不明白这个功能的意义何在?我连百度分享都懒得放,想要分享一般都是通过浏览器的分享功能实现。