PHP 自定义图片的生成与保存实例讲解

背景

  • 最近在开发小程序过程中,涉及到小程序分享功能的实现,一般如果不作处理,基本就是默认当前页面的部分截图显示而已,所以为了美观,基本都会进行自定义图片
  • 而我们的要求是,拼团功能中,对于开团成功的用户提示分享操作,分享展示的图片要显示几个重要元素,这样一来,就需要服务端生成一个符合要求的图片…

框架:ThinkPHP3.2.3(版本而已,无所谓…)

❶ 前期准备

  • 首先,对于静态资源,请放置于自己代码框架的对应位置,要保证能够顺利访问
  • 比如,我的几个静态资源文件都是放在 Public/images下的

❷ function.php 核心处理方法

根据自己的框架需求,将提供的公共方法放置于正确位置,比如我的框架将其放在 Common/function.php

  • 使用的 createSharePng()即为核心处理方法,因为代码太多,可到附录中进行源文件下载参考

注意一点:测试发现,代码支持本地字体资源文件的读取,但是网络资源没成功

❸ 方法调用

请参考我的调用方式,注意可以使用两种方式哦

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 来说太麻烦了,为了计算比例、取色,我使用了 PhotoShopPicPick 这些前端设计工具,最后拼凑出这个效果,如果嫌丑,那应该怨设计师去…

3. 拓展知识

补充几个重点的 PHP绘图函数,不知道参数使用,自己怎么可能绘制出想要的效果
感觉看文档,多改几个值就知道咋用了…

  • (1) int imagecolorallocate ( resource $image , int $red , int $green , 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 $image , float $size , float $angle , int $x , int $y , int $color , string $fontfile , 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 $image , int $cx , int $cy , int $width , int $height , int $color )
在指定的坐标上画一个椭圆
image: 由图象创建函数(例如imagecreatetruecolor())返回的图象资源。
cx: 中间的 X 坐标。
cy: 中间的 Y 坐标。
width: 椭圆的宽度。
height: 椭圆的高度。
color: 椭圆的颜色。颜色标识符由 imagecolorallocate() 创建。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值