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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/82898916

背景

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

框架: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() 创建。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小灰灰

zxing二维码生成服务之深度定制

二维码生成服务之深度定制 之前写了一篇二维码服务定制的博文,现在则在之前的基础上,再进一步,花样的实现深度定制的需求,我们的目标是二维码上的一切都是可以由用户...

4896
来自专栏GIS讲堂

jquery判断一个div的边界是否超出另外一个div的边界

摘要:本文简单介绍jquery判断一个div的边界是否超出另外一个div的边界,如果超出边界做出相应的处理。

1064
来自专栏DeveWork

WordPress 3.9+的 TinyMCE 4 编辑器增强开发

从WordPress 3.9版本后,WordPress 默认的编辑器 TinyMCE 随之升级到了版本4,带来的问题以前在默认编辑器上的增强开发的效果可能失效。...

2326
来自专栏知晓程序

小程序也能做这么精致的动效?看完我给大神献上了膝盖…… | 开发

1583
来自专栏简书专栏

基于turtle的Python作画

pendown()的作用是落笔,只有落笔才能作画。 当不作画却想移动画笔的时候要提笔,用函数penup() forward是画笔向前移动,函数当中参数为移动...

5131
来自专栏编程

从 0到1,开发一个动画库(1)

作者:jshao https://segmentfault.com/a/1190000012923589 如今市面上关于动画的开源库多得数不胜数,有关于CSS、...

2108
来自专栏阿炬.NET

FineUIMvc表格数据库分页,使用CYQ.Data组件

4168
来自专栏偏前端工程师的驿站

CSS魔法堂:你真的理解z-index吗?

一、前言                                 假如只是开发简单的弹窗效果,懂得通过z-index来调整元素间的层叠关系就够了。但要将...

1985
来自专栏ionic3+

【组件篇】ionic3均分列等宽高图像显示(上)

我在《ionic3开源组件》提到了图片选择组件,但是后来发现其实现功能很简单,而且我不喜欢它写死了宽高大小,这对于不同分别率不太友好。于是尝试实现了一下,先上效...

805
来自专栏GIS讲堂

唐宋文学诗人分布展示

本文的数据是从搜韵获取而来的,地址为http://sou-yun.com/poetlife.html,为方便大家使用,将数据保存到了百度云盘,下载信息为:链接:...

1243

扫码关注云+社区

领取腾讯云代金券