PHP實現隨機產生浮水印圖片功能的方法

來源:互聯網
上載者:User
這篇文章主要為大家詳細介紹了PHP產生隨機浮水印圖片的相關資料,具有一定的參考價值,感興趣的小夥伴們可以參考一下

基於PHP的GD圖形庫,自己產生一張圖片。僅限初識GD庫,執行個體學習。

一、需求

網站的布局用到了類似慕課網課程列表的風格,每一個課程是一個banner圖,圖下面是標題加簡介。因為課程的數量較大沒有為所有的課程設計專門的banner,所以需要按照一定的規則,來自己產生圖片(本打算用p布局來解決,但p+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, 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, 0, 0, $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庫中的方法,就可以實現建立圖片、為圖片添加文字浮水印、或圖片浮水印。

以上就是本文的全部內容,希望對大家的學習有所協助。


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.