背景
- 最近在开发小程序过程中,涉及到小程序分享功能的实现,一般如果不作处理,基本就是默认当前页面的部分截图显示而已,所以为了美观,基本都会进行自定义图片
- 而我们的要求是,拼团功能中,对于开团成功的用户提示分享操作,分享展示的图片要显示几个重要元素,这样一来,就需要服务端生成一个符合要求的图片...
框架:
ThinkPHP3.2.3
(版本而已,无所谓...)
❶ 前期准备
- 首先,对于静态资源,请放置于自己代码框架的对应位置,要保证能够顺利访问
- 比如,我的几个静态资源文件都是放在
Public/images
下的
2018092912303849.png
❷ function.php 核心处理方法
根据自己的框架需求,将提供的公共方法放置于正确位置,比如我的框架将其放在
Common/function.php
中
- 使用的
createSharePng()
即为核心处理方法,因为代码太多,可到附录中进行源文件下载参考
20180929122540354.png
注意一点:
测试发现,代码支持本地字体资源文件的读取,但是网络资源没成功
❸ 方法调用
请参考我的调用方式,注意可以使用两种方式哦
public function imgShareTest(){
$confData = [
'goods_img' => 'http://img.mp.itc.cn/upload/20170811/d2f47957e9054891a7c47482ad8c5ddf_th.jpg',
'shop_price' => 78.50,
'pt_price' => 56.50,
'save_price' => '28%',
'user_img' => 'https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83eqXCNxwqzGzBvc7LibqmRtBqrxHdTtLpZafVsENVrHrHPyTQ9qEQe00XFlu6DFrKGFx6zZ5jIh4LdA/132',
'who_img' => 'Public/images/share_pt_who.png'
];
//第一种方法:TODO 直接输出,可用于显示测试效果
createSharePng($confData); die;
//第二种方法: TODO 输出到图片,传入保存路径进行图片保存
createSharePng($confData, "Public/images/share_" . time() . ".png");
echo 'Hello My Dear~';
}
❹ 运行效果:
❺ 附录
1. 源代码下载 >>>
2. 瞎扯闲扯
- 个人认为,这种图片生成操作对于一个后台
PHPer
来说太麻烦了,为了计算比例、取色,我使用了PhotoShop
、PicPick
这些前端设计工具,最后拼凑出这个效果,如果嫌丑,那应该怨设计师去...
3. 拓展知识
补充几个重点的 PHP绘图函数,不知道参数使用,自己怎么可能绘制出想要的效果
感觉看文档,多改几个值就知道咋用了...
- (1) int imagecolorallocate ( resource red , int blue )`
imagecolorallocate() 返回一个标识符,
代表了由给定的 RGB 成分组成的颜色。
red,green 和 blue 分别是所需要的颜色的红,绿,蓝成分
这些参数是 0 到 255 的整数或者十六进制的 0x00 到 0xFF
imagecolorallocate() 必须被调用以创建每一种用在 image 所代表的图像中的颜色。
- (2) bool imagefilledrectangle( resource image, int x1, int y1, int x2, int y2, int color )
imagefilledrectangle() 在 image 图像中画一个用 color 颜色填充了的矩形,
其左上角坐标为 x1,y1,右下角坐标为 x2,y2。0, 0 是图像的最左上角
- (3) array imagettftext ( resource size , float x , int color , string text )
imagettftext — 用 TrueType 字体向图像写入文本
image : 由图象创建函数(例如imagecreatetruecolor())返回的图象资源。
size : 字体的尺寸。根据 GD 的版本,为像素尺寸(GD1)或点(磅)尺寸(GD2)。
angle: 角度制表示的角度,0 度为从左向右读的文本。更高数值表示逆时针旋转。例如 90 度表示从下向上读的文本。
x: 由 x,y 所表示的坐标定义了第一个字符的基本点(大概是字符的左下角)。这和 imagestring() 不同,其 x,y 定义了第一个字符的左上角。例如 "top left" 为 0, 0。
y: Y 坐标。它设定了字体基线的位置,不是字符的最底端。
color: 颜色索引。使用负的颜色索引值具有关闭防锯齿的效果。见 imagecolorallocate()。
fontfile: 是想要使用的 TrueType 字体的路径。
根据 PHP 所使用的 GD 库的不同,当 fontfile 没有以 / 开头时则 .ttf 将被加到文件名之后并且会在库定义字体路径中尝试搜索该文件名。
- (4) bool imageellipse ( resource cx , int width , int color )
在指定的坐标上画一个椭圆
image: 由图象创建函数(例如imagecreatetruecolor())返回的图象资源。
cx: 中间的 X 坐标。
cy: 中间的 Y 坐标。
width: 椭圆的宽度。
height: 椭圆的高度。
color: 椭圆的颜色。颜色标识符由 imagecolorallocate() 创建。
网友评论