前言
無論是自己要在精心P過的自拍上添加個性文字,或者是攝影愛好者要在拍攝的作品裡添加水印,亦或是在網頁或者移動應用中實時生成文字和圖片的組合,我們都需要找到一個合適且靠譜的方法來將圖片和文字完美的結合在一起。
所以,“最好的編程語言”PHP及其GD庫就給我們提供了這樣一套簡單且高效的解決方案。
我知道,這時候有個實例才是最好的~ 下面就讓我來舉個簡單的栗子!
目標
將用戶在網頁應用中輸入的個人信息與圖片結合,生成一張印有用戶信息的名片。
效果
1 預設一張圖片,作為名片背景
名片背景
2 用戶信息輸入
信息輸入
3 名片生成(點擊Continue之後)
名片生成
步驟
在一切開始之前,請使用phpinfo() command
來確認GD庫已安裝。
首先,我們要做的事情很簡單,新建一個PHP文件,就叫它main.php吧。
在main.php中,理論上我們需要以下幾行代碼(本代碼基於CakePHP 3):
<?php //創建一個表單提供用戶輸入功能 echo $this->Form->create(); //只保留value屬性,其他屬性已省略 echo $this->Form->input( 'First Name',['value' => $firstname, '...' => '...', ...]); echo $this->Form->input( 'Last Name',['value' => $lastname, '...' => '...', ...]); echo $this->Form->input( 'City',['value' => $city, '...' => '...', ...]); echo $this->Form->input( 'State',['value' => $state, '...' => '...', ...]); /* * 將img標簽指向一個叫做image.php的PHP文件。 * 所有的用戶輸入信息將以URL的形式保存在img標簽的src屬性中, * 在表格提交後即可被image.php通過GET獲取。 * 所有變量已通過PHP自帶strtoupper函數轉換為大寫。 */ echo $this->Html->image("image.php?first=".strtoupper($firstname)."&last=".strtoupper($lastname). "&location=".strtoupper($city)." ".strtoupper($state), ['fullBase' => true]); /* * 上面的代碼相當於: * <img src="image.php?first=名&last=姓&location=城市" /> */ //表單提交 echo $this->Form->button('CONTINUE', ['type' => 'submit']); //關閉表單 $this->Form->end();
接下來,就是創建Where amazing happens的image.php了。包括圖片設置,獲取用戶信息,將文字信息添加到圖片上,所有的一切都將在這一步完成。
讓我們通過代碼來一探究竟吧。
<?php // header() 函數向客戶端發送原始的 HTTP 報頭。 header('Content-type: image/jpeg'); // 由文件或 URL 創建一個新圖象,這裡的text.jpg就是效果1顯示的預設圖片 $rImg = ImageCreateFromJPEG("test.jpg"); // 為一幅圖像分配顏色 $cor = imagecolorallocate($rImg, 0, 0, 0); // 我們可以自定義與圖片結合的文字字體 $font = "./arial.ttf"; // 設置最終生成圖片的寬度以及文字相對於圖片所在的高度 $imgWidthSetting = 676; $textHeightOffset = 220; // 解碼main.php裡img標簽已編碼的URL字符串,包括first, last以及location $first = urldecode($_GET['first']); $last = urldecode($_GET['last']); $location = urldecode($_GET['location']); /* * 取得需要向圖片上添加的文本的范圍。imagettfbbox() 返回一個含有8個 * 單元的數組表示了文本外框的四個角。 */ $width_first = imagettfbbox(60, 0, $font, $first); $width_last = imagettfbbox(70, 0, $font, $last); $width_location = imagettfbbox(35, 0, $font, $location); // 進一法取整, $width_變量[2]代表右下角X坐標位置 $x_first = ceil($imgWidthSetting - $width_first[2]); $x_last = ceil($imgWidthSetting - $width_last[2]); $x_location = ceil($imgWidthSetting - $width_location[2]); // 利用imagettftext()函數將文本“寫入”圖像 imagettftext($rImg, 60, 0, $x_first, $textHeightOffset+120, $cor, $font, $first); imagettftext($rImg, 70, 0, $x_last, $textHeightOffset+210, $cor, $font, $last); imagettftext($rImg, 35, 0, $x_location, $textHeightOffset+290, $cor, $font, $location); // 輸出圖象到浏覽器或文件,quality 為可選項,范圍從 0(最差質量,文件更小)到 100(最佳質量,文件最大) imagejpeg($rImg,NULL,100); // Free up memory, imagedestroy() 釋放與 image 關聯的內存。 imagedestroy($rImg);
到這裡,我們就完成了通過PHP把文字添加到圖片上的所有步驟。當用戶輸入個人信息並提交表單後,通過image.php,效果3的名片就會自動生成。
總結
利用PHP將文字與圖片結合雖然簡單,但可以衍生出很多不同的應用方法。譬如,我們可以將名片背景及生成的名片隱藏起來,只對用戶顯示信息輸入界面。同時,我們在代碼中接入打印機的API。這樣,當用戶輸入完自己的信息點擊繼續之後,顯示著用戶信息的名片就會直接打印出來。這很適用於用戶參加線下聚會活動check in時的場景。
總之,PHP作為“最好的編程語言”,編碼不統一,性能遭诟病,語法不嚴謹。的確,PHP的槽點太多,足夠我們黑三天三夜。但我們又必須承認,PHP及其龐大的內置函數庫為網頁開發者們提供了便捷且強有力的工具。你看,簡單的幾個函數,就可以完美實現文字與圖片的結合,所以PHP還是有很多人支持的。希望本文對大家學習PHP有所幫助。