使用GD - PHP填充渐变文本

Question

我需要一个使用GD

在文本上渲染渐变的函数

类似

function gradientText($text,$font,$color1,$color2)
{
    ..
}

Answer 1

我建议您尝试根据自己的需要构建该功能。 您需要垂直/水平居中文本，更改字体大小等...

Christopher Kramer从这个功能开始，代码也低于这个答案......

http://www.php.net/manual/en/function.imagefill.php#93920

如果您想使用自定义字体文件，则可以使用 imagettfbbox 。 http://www.php.net/manual/en/function.imagettfbbox.php

这是我使用这两个函数生成的示例图像。

将Chris的渐变代码粘贴在这里作为参考：

<?php

function gradient($w=100, $h=100, $c=array('#FFFFFF','#FF0000','#00FF00','#0000FF'), $hex=true) {

 /*
 Generates a gradient image

 Author: Christopher Kramer

 Parameters:
 w: width in px
 h: height in px
 c: color-array with 4 elements:
    $c[0]:   top left color
    $c[1]:   top right color
    $c[2]:   bottom left color
    $c[3]:   bottom right color

 if $hex is true (default), colors are hex-strings like '#FFFFFF' (NOT '#FFF')
 if $hex is false, a color is an array of 3 elements which are the rgb-values, e.g.:
 $c[0]=array(0,255,255);

 */

 $im=imagecreatetruecolor($w,$h);

 if($hex) {  // convert hex-values to rgb
  for($i=0;$i<=3;$i++) { 
   $c[$i]=hex2rgb($c[$i]);
  }
 }

 $rgb=$c[0]; // start with top left color
 for($x=0;$x<=$w;$x++) { // loop columns
  for($y=0;$y<=$h;$y++) { // loop rows
   // set pixel color 
   $col=imagecolorallocate($im,$rgb[0],$rgb[1],$rgb[2]);
   imagesetpixel($im,$x-1,$y-1,$col);
   // calculate new color  
   for($i=0;$i<=2;$i++) {
    $rgb[$i]=
      $c[0][$i]*(($w-$x)*($h-$y)/($w*$h)) +
      $c[1][$i]*($x     *($h-$y)/($w*$h)) +
      $c[2][$i]*(($w-$x)*$y     /($w*$h)) +
      $c[3][$i]*($x     *$y     /($w*$h));
   }
  }
 }
 return $im;
}

function hex2rgb($hex)
 {
 $rgb[0]=hexdec(substr($hex,1,2));
 $rgb[1]=hexdec(substr($hex,3,2));
 $rgb[2]=hexdec(substr($hex,5,2));
 return($rgb);
 }

// usage example

$image=gradient(300, 300, array('#000000', '#FFFFFF', '#FF0000', '#0000FF'));

header('Content-type: image/png');
imagepng($image);
imagedestroy($image);

Answer 2

使用GD

http://planetozh.com/blog/my-projects/images-php-gd-gradient-fill/提供了一个用GD创建渐变的类。

渐变可以是线性（水平或垂直），径向，矩形，菱形。这与您在Adobe Photoshop上找到的选项相同。

类方法用渐变填充矩形区域，因此您可以使用以下方法获得相当大的渐变效果：

1. 使用此类
创建渐变矩形
2. 以指定的字体编写文字
3. 混合它们：
   1. 您可以使用文字图片的形状剪切渐变图片
   2. 您可以将渐变图片应用为文本图片的图案

---

使用ImageMagick

而是使用GD，我会使用ImageMagick。

有关如何使用ImageMagick实现该目标的示例，请参阅http://www.imagemagick.org/Usage/fonts/#gradient，并为所有渐变选项查看http://www.imagemagick.org/Usage/canvas/#gradient。