news 2026/4/18 12:39:25

PHP图片处理|画布入门

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
PHP图片处理|画布入门

以下是基于 PHP7.4 的 GD 库实现图片文字写入、绘制图案、渲染已有图片、设置背景色的完整代码案例兼容 PHP7.4 及以上版本:

前置说明

  1. 确保服务器已安装 GD 扩展:php -m | grep gd查看是否存在
  2. GD 库常用函数在 PHP7.4 中均兼容,无需特殊适配

案例1:设置画布背景色 + 写入文字

<?php/** * 案例1:创建画布并设置背景色,写入自定义文字 * 功能:创建指定尺寸画布 → 设置背景色 → 写入带样式的文字 → 输出/保存图片 */// 1. 定义画布尺寸$width=500;// 画布宽度$height=200;// 画布高度// 2. 创建画布资源(true color 真彩色画布,避免颜色失真)$canvas=imagecreatetruecolor($width,$height);if(!$canvas){die("创建画布失败,请检查GD扩展是否安装");}// 3. 定义颜色(imagecolorallocate:为画布分配颜色,参数:画布资源,R, G, B)$bgColor=imagecolorallocate($canvas,240,248,255);// 背景色:淡蓝色$textColor=imagecolorallocate($canvas,220,20,60);// 文字色:深红色$borderColor=imagecolorallocate($canvas,100,149,237);// 边框色:玉米蓝// 4. 设置画布背景色(填充整个画布)imagefill($canvas,0,0,$bgColor);// 5. 绘制文字(需确保服务器有对应字体文件,此处以系统宋体为例,可替换为绝对路径)$text="PHP7.4 图片文字写入示例";// 要写入的文字$fontSize=20;// 字体大小(像素)$fontFile="simsun.ttf";// 字体文件(需确保路径存在,Windows:C:/Windows/Fonts/simsun.ttc,Linux:/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf)// 处理字体文件不存在的情况if(!file_exists($fontFile)){// 降级使用内置字体(效果较差,仅兼容英文字符,中文会乱码)imagestring($canvas,5,50,80,"PHP7.4 Text Demo (No Font File)",$textColor);}else{// 使用 imagettftext 绘制带字体的文字(支持中文)// 参数:画布、字体大小、旋转角度、X坐标、Y坐标、颜色、字体文件、文字内容imagettftext($canvas,$fontSize,0,50,100,$textColor,$fontFile,$text);}// 6. 绘制边框(可选)imagerectangle($canvas,1,1,$width-2,$height-2,$borderColor);// 7. 输出图片到浏览器(设置响应头,确保正确渲染)header("Content-Type: image/png");imagepng($canvas);// 输出PNG格式(也可使用imagejpeg/jpg,需调整质量)// 8. 保存图片到服务器(可选)// imagepng($canvas, "./text_image.png");// 9. 销毁画布资源(释放内存)imagedestroy($canvas);?>

案例2:绘制基础图案(矩形、圆形、线条、多边形)

<?php/** * 案例2:在画布上绘制各类基础图案 * 功能:创建画布 → 设置背景 → 绘制矩形/圆形/线条/多边形 → 输出图片 */// 1. 创建画布$width=600;$height=400;$canvas=imagecreatetruecolor($width,$height);// 2. 定义颜色$bgColor=imagecolorallocate($canvas,255,255,255);// 白色背景$red=imagecolorallocate($canvas,255,0,0);// 红色$green=imagecolorallocate($canvas,0,255,0);// 绿色$blue=imagecolorallocate($canvas,0,0,255);// 蓝色$yellow=imagecolorallocate($canvas,255,255,0);// 黄色// 3. 填充背景imagefill($canvas,0,0,$bgColor);// 4. 绘制图案// 4.1 绘制矩形(空心):imagerectangle(画布, 左上角X, 左上角Y, 右下角X, 右下角Y, 颜色)imagerectangle($canvas,50,50,150,150,$red);// 4.2 绘制填充矩形:imagefilledrectangle(参数同imagerectangle)imagefilledrectangle($canvas,200,50,300,150,$green);// 4.3 绘制圆形(椭圆):imageellipse(画布, 圆心X, 圆心Y, 宽, 高, 颜色)imageellipse($canvas,400,100,100,100,$blue);// 宽高相等即为圆形// 4.4 绘制填充圆形:imagefilledellipse(参数同imageellipse)imagefilledellipse($canvas,500,100,80,80,$yellow);// 4.5 绘制线条:imageline(画布, 起点X, 起点Y, 终点X, 终点Y, 颜色)imageline($canvas,50,200,550,200,$red);// 水平线imageline($canvas,300,200,300,350,$green);// 垂直线// 4.6 绘制多边形:imagepolygon(画布, 坐标数组, 顶点数, 颜色)$polyPoints=[100,300,// 顶点1150,250,// 顶点2200,300,// 顶点3180,350,// 顶点4120,350// 顶点5];imagepolygon($canvas,$polyPoints,5,$blue);// 4.7 绘制填充多边形:imagefilledpolygon$polyPoints2=[300,250,350,220,400,250,380,300,320,300];imagefilledpolygon($canvas,$polyPoints2,5,$yellow);// 5. 输出图片header("Content-Type: image/png");imagepng($canvas);// 6. 释放资源imagedestroy($canvas);?>

案例3:将已有图片渲染到画布(图片合成)

<?php/** * 案例3:加载已有图片并渲染到新画布(支持JPG/PNG/GIF) * 功能:创建画布 → 加载源图片 → 缩放/平铺渲染到画布 → 输出合成图 */// 1. 定义画布尺寸$canvasWidth=800;$canvasHeight=600;// 2. 源图片路径(替换为你的图片路径)$sourceImagePath="./source_image.png";// 支持jpg/png/gifif(!file_exists($sourceImagePath)){die("源图片不存在:{$sourceImagePath}");}// 3. 创建目标画布$canvas=imagecreatetruecolor($canvasWidth,$canvasHeight);// 4. 设置画布背景色(白色)$bgColor=imagecolorallocate($canvas,255,255,255);imagefill($canvas,0,0,$bgColor);// 5. 加载源图片(自动识别格式)functionloadImage($path){$info=getimagesize($path);$type=image_type_to_extension($info[2],false);// 获取图片类型(jpg/png/gif)$loadFunc="imagecreatefrom{$type}";// 拼接加载函数名if(!function_exists($loadFunc)){die("不支持的图片格式:{$type}");}return$loadFunc($path);}$sourceImage=loadImage($sourceImagePath);// 6. 获取源图片尺寸$sourceWidth=imagesx($sourceImage);$sourceHeight=imagesy($sourceImage);// 7. 渲染源图片到画布(三种方式可选)// 方式1:原尺寸渲染(坐标X=100, Y=100)// imagecopy(目标画布, 源图片, 目标X, 目标Y, 源X, 源Y, 源宽度, 源高度)// imagecopy($canvas, $sourceImage, 100, 100, 0, 0, $sourceWidth, $sourceHeight);// 方式2:缩放渲染(缩放到200x200)$targetWidth=200;$targetHeight=200;// imagecopyresampled(目标画布, 源图片, 目标X, 目标Y, 源X, 源Y, 目标宽度, 目标高度, 源宽度, 源高度)imagecopyresampled($canvas,$sourceImage,100,100,0,0,$targetWidth,$targetHeight,$sourceWidth,$sourceHeight);// 方式3:平铺渲染(铺满整个画布)/* for ($x = 0; $x < $canvasWidth; $x += $sourceWidth) { for ($y = 0; $y < $canvasHeight; $y += $sourceHeight) { imagecopy($canvas, $sourceImage, $x, $y, 0, 0, $sourceWidth, $sourceHeight); } } */// 8. 可选:在合成图上添加文字标注$textColor=imagecolorallocate($canvas,255,0,0);$fontFile="simsun.ttf";if(file_exists($fontFile)){imagettftext($canvas,16,0,100,320,$textColor,$fontFile,"合成后的图片示例");}// 9. 输出图片header("Content-Type: image/png");imagepng($canvas);// 10. 释放资源imagedestroy($sourceImage);imagedestroy($canvas);?>

关键注意事项

  1. 字体文件路径

    • Windows:宋体路径C:/Windows/Fonts/simsun.ttc
    • Linux:需安装中文字体,如DejaVuSans.ttf(路径/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf
    • 中文乱码问题:必须使用imagettftext+ 中文字体文件,imagestring仅支持ASCII字符
  2. 图片格式兼容

    • imagepng():输出PNG(无损,支持透明)
    • imagejpeg():输出JPG(可设置质量,imagejpeg($canvas, null, 90)90为质量)
    • imagegif():输出GIF(支持动图,但GD对动图处理有限)
  3. 内存管理

    • 每次创建画布/加载图片后,必须用imagedestroy()释放资源,避免内存泄漏
    • 处理大图片时,可通过ini_set('memory_limit', '256M')提升内存限制
  4. 错误处理

    • 使用file_exists()检查文件是否存在
    • 使用getimagesize()验证图片有效性
    • 捕获 GD 函数返回的false,避免脚本崩溃

以上案例可直接运行(替换字体/图片路径),覆盖了PHP7.4中图片处理的核心场景,如需调整样式(如文字旋转、透明度、滤镜等),可基于基础函数扩展。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/18 4:21:41

RK3568芯片复位电路避坑指南:上下电时序引发的外设异常探秘

RK3568 芯片简介与应用场景 RK3568 是瑞芯微推出的一款面向智能终端、工业控制、边缘计算、网络通信等领域的中高端通用型处理器芯片 ,采用 22nm 制程工艺,具备出色的性能与丰富的功能。其四核 ARM Cortex-A55 处理器,主频最高可达 2.0GHz,搭配 ARM Mali-G52 2EE GPU,为设…

作者头像 李华
网站建设 2026/4/18 8:44:18

RK3588+Linux+QT+AI推理实战:解锁AI摄像头完整方案

引言 在人工智能与物联网飞速发展的当下,AI 摄像头作为智能感知的前沿设备,正广泛应用于安防监控、工业检测、智能交通等众多领域。将 RK3588、Linux、QT 和 AI 推理融合,为打造高性能、智能化且具备友好交互界面的 AI 摄像头系统提供了卓越方案。RK3588 凭借其强大的算力,…

作者头像 李华
网站建设 2026/4/18 11:02:59

《Effective Java》第25条:限制源文件为单个顶级类

说明&#xff1a; 关于本博客使用的书籍&#xff0c;源代码Gitee仓库 和 其他的相关问题&#xff0c;请查看本专栏置顶文章&#xff1a;《Effective Java》第0条&#xff1a;写在前面&#xff0c;用一年时间来深度解读《Effective Java》这本书 正文&#xff1a; Java允许我…

作者头像 李华
网站建设 2026/4/18 1:41:35

webpack原理和打包过程,与vite的区别

Webpack 原理与打包过程详解1. Webpack 核心概念1.1 核心模块const webpackCore {entry: "入口文件", // 构建起点output: "输出配置", // 输出位置loader: "文件转换器", // 处理非JS文件plugin: "扩展功能"…

作者头像 李华