基於PHP的GD圖形庫，自己生成一張圖片。僅限初識GD庫，例項學習。

一、需求

網站的佈局用到了類似慕課網課程列表的風格，每一個課程是一個banner圖，圖下面是標題加簡介。因為課程的數量較大沒有為所有的課程設計專門的banner，所以需要按照一定的規則，來自己生成圖片（本打算用div佈局來解決，但div+img在響應式佈局中不是很好控制）。

二、工具&素材

1.PHP開啟GD圖形庫擴充套件

2.準備多個小的水印圖

3.獲取預生成圖片的背景色RGB值

三、程式碼

生成圖片的過程，程式碼中做了詳細的註釋。

class GenerateRandomImage
{
  /** @var integer 圖片寬度 */
  public $imgWidth = 272;
  /** @var integer 圖片高度 */
  public $imgHeight = 162;
  /** @var 根據type不同來生成不同的背景顏色，目前留個type分別為藍色、紫色、黃色、綠色、灰色、土黃色 */
  public $type = '';
  /** @var 圖片上要顯示的文字 */
  public $text = '';
  /** @var integer 圖片上文字的字型大小 */
  public $fontSize = 16;

  public function __construct($type,$text)
  {
    $this->type = $type;
    $this->text = $text;
  }
  /**
   * 建立生成隨機圖片
   * @author bignerd
   * @since 2017-03-21T14:49:41+0800
   */
  public function createImg()
  {
    /** @var 建立一個指定圖片大小的空調色盤
    $image = imagecreate($this->imgWidth,$this->imgHeight);
    $rgb  = $this->getBackground($this->type);
    /** @var 為圖片建立一個背景色 */
    $backgroundColor = imagecolorallocate($image,$rgb['r'],$rgb['g'],$rgb['b']);
    /** @var 建立文字白色字型 */
    $textColor = imagecolorallocate($image,255,255);
    /** @var 字型檔案路徑 */
    $font = $_SERVER['DOCUMENT_ROOT'].'/public/font/simhei.ttf';

    $x = 18;//文字起始位置x座標
    $y = 50;//文字起始位置y座標
    /** 文字寫入圖片 */
    $angle = 0;//角度0
    imagettftext($image,$this->fontSize,$angle,$x,$y,$textColor,$font,$this->text);
    /** @var 水印圖片路徑 **/
    $waterImgPath = $this->randWaterImage();
    /** @var 獲取圖片資訊，返回值$waterInfo[2] 為圖片型別常量 */
    $waterInfo  = getimagesize($waterImgPath);
    /** @var 將圖片型別常量轉換為真正的型別，如png */
    $waterType  = image_type_to_extension($waterInfo[2],false);//獲取檔案型別

    $createImageFunc = 'imagecreatefrom'.$waterType;
    /** @var 建立一個水印圖片的副本 $createImageFunc 為根據圖片型別來動態生成預呼叫的建立圖片函式*/
    $mask = $createImageFunc($waterImgPath);
    $posX = $this->imgWidth - $waterInfo[0];//水印圖片，在目標圖片中的位置的x座標
    $posY = $this->imgHeight - $waterInfo[1];//水印圖片，在目標圖片中的位置的y座標
    /** http請求響應型別設定為 image/png 以便直接顯示為圖片 */
    header("Content-Type:image/png");
    /** 水印圖片複製到建立的image */
    imagecopy($image,$mask,$posX,$posY,$waterInfo[0],$waterInfo[1]);
    imagepng($image);//輸入圖片到瀏覽器或者檔案
    imagedestroy($image);//銷燬圖片
  } 
  /**
   * 圖片背景顏色的rgb值
   * @author bignerd
   * @since 2017-03-21T14:50:16+0800
   */
  public function getBackground()
  {
    $background = [
      '1'=>['r'=>0,'g'=>160,'b'=>233],'2'=>['r'=>198,'g'=>0,'b'=>110],'3'=>['r'=>237,'g'=>109,'b'=>0],'4'=>['r'=>33,'g'=>148,'b'=>75],'5'=>['r'=>63,'g'=>58,'b'=>57],'6'=>['r'=>202,'g'=>162,'b'=>101],];
    return $background[$this->type];
  }
  /**
   * 隨機水印圖片路徑
   * @author bignerd
   * @since 2017-03-21T14:51:00+0800
   * @return 路徑
   */
  public function randWaterImage()
  {
    $folder = [
      '1'=>'product','2'=>'team','3'=>'architecture','4'=>'developer','5'=>'test','6'=>'engineer'
    ];
    $targetFolder = $_SERVER['DOCUMENT_ROOT'].'/public/images/role/'.$folder[$this->type].'/'.rand(1,38).'.png';
    return $targetFolder;
  }
}

$image = new GenerateRandomImage(1,"扛得住的MySql資料架構");
$image->createImg();

這樣我們就可以直接在頁面中使用 <img src="http://xxx.com/GenerateRandomImage.php" />來直接顯示圖片。

注意：過程中遇到過一個問題：如果水印圖片是透明的png圖片，那將水印圖片複製到image中時，會顯示為白色背景，與我們設定 的image背景無法透明融合，所以對隨機的水印圖片也需要做同樣的顏色處理。

四、總結

這個小示例用簡單的步驟來生成一張圖片，直接顯示在瀏覽器，也可以給imagepng加第二引數，也就是路徑，以儲存圖片。所以學會示例中的幾個GD庫中的方法，就可以實現建立圖片、為圖片新增文字水印、或圖片水印。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。