1. 程式人生 > >PHP實現圖片加文字/圖案水印

PHP實現圖片加文字/圖案水印

需求:在一張背景圖上新增二維碼(帶不同),並且個人名字,聯絡方式和個人頭像。

思路:二維碼和頭像相當於往圖片上新增圖片,個人姓名和聯絡方式相當於玩圖片上新增文字,這就是文字/圖案水印了。思路就是上網百度!!

$dst_path = 'dst.jpg';
$src_path = 'src.jpg';
//建立圖片的例項
$dst = imagecreatefromstring(file_get_contents($dst_path));
$src = imagecreatefromstring(file_get_contents($src_path));
//獲取水印圖片的寬高
list($src_w
, $src_h) = getimagesize($src_path); //將水印圖片複製到目標圖片上,最後個引數50是設定透明度,這裡實現半透明效果 imagecopymerge($dst, $src, 10, 10, 0, 0, $src_w, $src_h, 50); //如果水印圖片本身帶透明色,則使用imagecopy方法 //imagecopy($dst, $src, 10, 10, 0, 0, $src_w, $src_h); //輸出圖片 list($dst_w, $dst_h, $dst_type) = getimagesize($dst_path); switch ($dst_type) { case
1://GIF header('Content-Type: image/gif'); imagegif($dst); break; case 2://JPG header('Content-Type: image/jpeg'); imagejpeg($dst); break; case 3://PNG header('Content-Type: image/png'); imagepng($dst); break; default: break
; } imagedestroy($dst); imagedestroy($src);

因為之前很少接觸圖片方面的需求,通過觀察程式碼哈哈哈,發現新增【圖片水印】的思路是這樣的:
1.確定背景圖和水印圖,利用這兩個圖片建立兩個例項,例項相當於一種圖片資源,在圖片上新增文字或者圖片,就是對例項進行操作,根據圖片檔案格式選擇建立例項的方式,如果圖片是jpg格式,則使用imagecreatefromjpeg();如圖中所示,也可以先用file_get_contents獲取到圖片的內容,然後用imagecreatefromstring()來根據圖片內容建立例項;

2.確定水印圖片的左頂點的座標(x,y),和設計師確認一下襬放水印圖片的位置,水平和垂直距離是多少,畫素單位,如圖中程式裡面的10,10;再得到水印圖片的寬和長,如程式中的srcwsrc_h;

3.確定好各項引數後,需要把水印圖片和背景圖合在一起
//將水印圖片複製到目標圖片上,最後個引數50是設定透明度,這裡實現半透明效果
imagecopymerge(dst,src, 10, 10, 0, 0, srcw,src_h, 50);
//如果水印圖片本身帶透明色,則使用imagecopy方法
//imagecopy(dst,src, 10, 10, 0, 0, srcw,src_h);

當imagecopymerge最後的設定透明度的引數為100的時候,就相當於imagecopy,當透明度為0,則相當於沒有顯示出水印圖片

4.把水印加在背景圖上後,可以直接顯示出圖片,也可以把修改的圖片例項儲存到檔案上
這段程式碼就是根據圖片的格式,選擇相應的方法,把圖片顯示出來

list($dst_w, $dst_h, $dst_type) = getimagesize($dst_path);
switch ($dst_type) {
    case 1://GIF
        header('Content-Type: image/gif');
        imagegif($dst);
        break;
    case 2://JPG
        header('Content-Type: image/jpeg');
        imagejpeg($dst);
        break;
    case 3://PNG
        header('Content-Type: image/png');
        imagepng($dst);
        break;
    default:
        break;
}

//儲存到檔案上
選擇想要儲存的格式,例如想把圖片儲存為jpg格式的檔案,則imagejpeg(例項,儲存路徑);如imagejpeg($dst,’test.jpg’);

以上,新增圖片水印完成。
弄完圖片水印,就來研究一下【文字水印】。天真的我本來以為文字水印就是簡單的文字,新增上去,沒想到還是比較複雜的。。。

//新增文字水印

$dst_path = 'dst.jpg';
//建立圖片的例項
$dst = imagecreatefromstring(file_get_contents($dst_path));
//打上文字
$font = './simsun.ttc';//字型
$black = imagecolorallocate($dst, 0x00, 0x00, 0x00);//字型顏色
imagefttext($dst, 13, 0, 20, 20, $black, $font, '快樂程式設計');
//輸出圖片
list($dst_w, $dst_h, $dst_type) = getimagesize($dst_path);
switch ($dst_type) {
    case 1://GIF
        header('Content-Type: image/gif');
        imagegif($dst);
        break;
    case 2://JPG
        header('Content-Type: image/jpeg');
        imagejpeg($dst);
        break;
    case 3://PNG
        header('Content-Type: image/png');
        imagepng($dst);
        break;
    default:
        break;
}
imagedestroy($dst);

以上的程式碼是上面附加的文章連結裡面的完整程式碼,天真的我以為,直接複製,貼上!OK!完成!結果!不行!
試過其他的辦法,發現其他的辦法會導致亂碼,中文你懂的,所以還是要使用imagefttext(),這個方法可以使用配置的字型,亂碼問題就不會出現了。
參考以下這篇文章,修改了一下程式碼,可以用了!偶像!
http://www.uncletoo.com/html/application/808.html
以下程式碼測試可用(不同環境不一定哦)

header("Content-type:image/jpeg");
//對比一下,以下程式碼和以上程式碼的差別主要是這一行
imagealphablending($image, true);
//設定顏色,後三個數字引數是RGB
$white = imagecolorallocate($image, 255,255, 255);
//字型檔案路徑,simsun宋體
$font = './assets/simsun.ttc';

//新增上姓名和聯絡方式,第二個引數設定font-size,第三個引數設定字型的閱讀方向,0則為從左到右閱讀,具體查一下PHP手冊,第四和第五個引數則為文字水印的擺放座標,第六是字型顏色,第七是字型樣式,第八是文字內容
imagefttext($image, 17, 0, 388, 240, $white , $font, $name);
imagefttext($image, 17, 0, 388, 305, $white , $font, $phone);

對了,字型的檔案從網上下載好,放到合適的路徑使用哦。

以上新增圖片和文字水印已經完成了,但是還有一個難點,需求裡面包括了擺放個人的頭像,而且頭像需要裁剪成圓形頭像。。。。沒事!老鐵!不要放棄!

搜了幾個程式碼,有一個陷入死迴圈,有一個使用Imagick類,但是看到這位大哥的程式碼,不使用自帶的類就寫出來了,膜拜!上鍊接!
http://blog.csdn.net/sugang_ximi/article/details/30762421
通過觀察大哥的程式碼,慢慢理解了他的思路,主要就是利用到了圓和正方形的關係,怎麼說來著,我轉換一下說法,大概是正方形的邊長和圓的直徑相等,那麼該圓的圓心和正方形的中心為同一點。。。不知道怎麼說啊,反正圓能被正方形巢狀。。。

而大哥的程式碼的邏輯又是什麼呢?我的理解是,先用圓的直徑為邊長,畫一個正方形,然後把頭像嵌入到正方形裡面,再把正方形減去圓形的四個角作處理,可透明也可適應背景色,毫無破綻!

所以當務之急是什麼呢!!!就是找到圓的半徑!通過與設計師溝通,得知使用者的頭像的圓形框是一個半徑為50cm的圓!!

說實在的,好像我也沒理解大哥的邏輯是什麼樣的,不過已經測試可用,我就直接用了,然後到了下班時間,我要去吃飯了。。。。