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

2018-09-29 本文已影响1人泥豆芽儿MT

背景

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

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

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

背景

❶ 前期准备

❷ function.php 核心处理方法

❸ 方法调用

❹ 运行效果：

❺ 附录

1. 源代码下载 >>>

2. 瞎扯闲扯

3. 拓展知识

猜你喜欢

热点阅读