php-gd如何创建渐变色背景_php-gd生成线性渐变背景-php教程-PHP中文网

php-gd如何创建渐变色背景_php-gd生成线性渐变背景

看不見的法師

发布： 2025-10-13 22:14:01

原创

185人浏览过

使用PHP-GD可通过逐行计算颜色插值实现线性渐变，先确定起始和结束颜色，再用imageline绘制每行或每列过渡色，支持垂直、水平方向渐变，需注意颜色分配优化与性能问题。

php-gd如何创建渐变色背景_php-gd生成线性渐变背景

使用 PHP-GD 创建线性渐变背景，可以通过逐行或逐像素绘制颜色过渡来实现。虽然 GD 库本身不直接支持渐变，但可以手动计算颜色值并绘制线条完成效果。

1. 理解线性渐变的实现原理

线性渐变是从一种颜色平滑过渡到另一种颜色，通常沿水平或垂直方向进行。关键在于：

确定起始颜色和结束颜色（RGB 值）
根据图像高度或宽度，计算每一行或每一列的颜色插值
用 imageline() 或逐像素填充方式绘制过渡色

2. 创建垂直线性渐变背景

以下代码生成一个从顶部到底部的垂直渐变图像：

立即学习“PHP免费学习笔记（深入）”；

AI角色脑洞生成器

一键打造完整角色设定，轻松创造专属小说漫画游戏角色背景故事

176

查看详情

<?php
// 图像尺寸
$width = 400;
$height = 300;
<p>// 创建图像资源
$image = imagecreatetruecolor($width, $height);</p><p>// 定义起始和结束颜色（RGB）
$startColor = ['r' => 255, 'g' => 0, 'b' => 0]; // 红色
$endColor   = ['r' => 0, 'g' => 0, 'b' => 255]; // 蓝色</p><p>// 逐行绘制渐变
for ($y = 0; $y < $height; $y++) {
// 计算当前行的混合比例（0 到 1）
$ratio = $y / ($height - 1);</p><pre class='brush:php;toolbar:false;'>// 插值计算 RGB 值
$r = (int)($startColor['r'] * (1 - $ratio) + $endColor['r'] * $ratio);
$g = (int)($startColor['g'] * (1 - $ratio) + $endColor['g'] * $ratio);
$b = (int)($startColor['b'] * (1 - $ratio) + $endColor['b'] * $ratio);

// 分配颜色
$color = imagecolorallocate($image, $r, $g, $b);

// 绘制一行
imageline($image, 0, $y, $width - 1, $y, $color);

登录后复制

}

// 输出图像 header("Content-Type: image/png"); imagepng($image);

// 释放内存 imagedestroy($image); ?youjiankuohaophpcn

3. 创建水平线性渐变

只需将循环改为按列处理，并使用 imageline() 绘制垂直线：

for ($x = 0; $x < $width; $x++) {
    $ratio = $x / ($width - 1);
    $r = (int)($startColor['r'] * (1 - $ratio) + $endColor['r'] * $ratio);
    $g = (int)($startColor['g'] * (1 - $ratio) + $endColor['g'] * $ratio);
    $b = (int)($startColor['b'] * (1 - $ratio) + $endColor['b'] * $ratio);
    $color = imagecolorallocate($image, $r, $g, $b);
    imageline($image, $x, 0, $x, $height - 1, $color);
}

登录后复制