前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PHP 自定义图片的生成与保存实例讲解

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

作者头像
泥豆芽儿 MT
发布2018-10-09 14:12:59
1.3K0
发布2018-10-09 14:12:59
举报

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1351995

背景

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

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

❶ 前期准备

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

❷ function.php 核心处理方法

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

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

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

❸ 方法调用

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

代码语言:javascript
复制
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 )`
代码语言:javascript
复制
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 )
代码语言:javascript
复制
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 )
代码语言:javascript
复制
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 )
代码语言:javascript
复制
在指定的坐标上画一个椭圆
image: 由图象创建函数(例如imagecreatetruecolor())返回的图象资源。
cx: 中间的 X 坐标。
cy: 中间的 Y 坐标。
width: 椭圆的宽度。
height: 椭圆的高度。
color: 椭圆的颜色。颜色标识符由 imagecolorallocate() 创建。
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年09月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景
  • ❶ 前期准备
  • ❷ function.php 核心处理方法
  • ❸ 方法调用
  • ❹ 运行效果:
  • ❺ 附录
    • 1. 源代码下载 >>>
      • 2. 瞎扯闲扯
        • 3. 拓展知识
        相关产品与服务
        云开发 CloudBase
        云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档