PHP中如何給KindEditor中的圖片添加水印

KindEditor是一套開源的富文本編輯器，可以將textarea替換為可視化的富文本編輯器，實現所見即所得模式。它可以無縫的在asp、php、asp.net、jsp等各種語言中使用，它支持IE、Firefox、Chrome、Opera等各種主流瀏覽器，并且體積小巧，使用方便。泰州網站建設公司宇易網絡也在使用這款編(bian)輯器。

這(zhe)款編輯器(qi)美(mei)中不足之處在(zai)于不自帶圖片(pian)水印(yin)的(de)功(gong)能，如果我(wo)們(men)要(yao)實現這(zhe)個功(gong)能，只有自己動手，豐衣(yi)足食了(le)。下面我(wo)們(men)正式介紹在(zai)KindEditor中圖片(pian)添加水印(yin)的(de)方法（注：環境(jing)必須要(yao)支持php_gd庫(ku)）。

第一步：修改php_json.php

在編輯器的/php/目錄下找到該文件，新增加(jia)一個函數(shu)：

/*
    * 功能：PHP圖片水印，水印支持圖片或文字
    * 參數：
    * $groundImage 背景圖片，即需要加水印的圖片，暫只支持GIF,JPG,PNG格式；
    * $waterPos 水印位置，有10種狀態，0為隨機位置；
    *   1為頂端居左，2為頂端居中，3為頂端居右；
    *   4為中部居左，5為中部居中，6為中部居右；
    *   7為底端居左，8為底端居中，9為底端居右；
    * $waterImage 圖片水印，即作為水印的圖片，暫只支持GIF,JPG,PNG格式；
    * $alpha 水印透明度，取值1-100；
    * $waterText 文字水印，即把文字作為為水印，支持ASCII碼，不支持中文；
    * $textFont 文字大小，值為1、2、3、4或5，默認為5；
    * $textColor 文字顏色，值為十六進制顏色值，默認為#FF0000(紅色)；
    *
    * $waterImage 和 $waterText 最好不要同時使用，選其中之一即可，優先使用 $waterImage。
    * 當$waterImage有效時，參數$waterString、$stringFont、$stringColor均不生效。
    * 加水印后的圖片的文件名和 $groundImage 一樣。
*/
function imageWaterMark($groundImage, $waterPos=0, $waterImage='', $alpha=80, $waterText='', $water_fontfile, $textFont=9, $textColor='#FF0000'){
    $isWaterImage = FALSE;
    $formatMsg = '不支持該圖片格式！請使用GIF、JPG、PNG格式的圖片。';
    $fontFile = $water_fontfile;
    //讀取水印文件
    if(!empty($waterImage) && file_exists($waterImage)){
        $isWaterImage = TRUE;
        $water_info = getimagesize($waterImage);
        $water_w = $water_info[0];//取得水印圖片的寬
        $water_h = $water_info[1];//取得水印圖片的高
        switch($water_info[2]){//取得水印圖片的格式
            case 1:$water_im = imagecreatefromgif($waterImage);break;
            case 2:$water_im = imagecreatefromjpeg($waterImage);break;
            case 3:$water_im = imagecreatefrompng($waterImage);break;
            default:die($formatMsg);
        }
    }
    //讀取背景圖片
    if(!empty($groundImage) && file_exists($groundImage)){
        $ground_info = getimagesize($groundImage);
        $ground_w = $ground_info[0];//取得背景圖片的寬
        $ground_h = $ground_info[1];//取得背景圖片的高
        switch($ground_info[2]){//取得背景圖片的格式
            case 1:$ground_im = imagecreatefromgif($groundImage);break;
            case 2:$ground_im = imagecreatefromjpeg($groundImage);break;
            case 3:$ground_im = imagecreatefrompng($groundImage);break;
            default:die($formatMsg);
        }
    }else{
        alert("水印圖片不存在！");
    }
    //水印位置
    if($isWaterImage){//圖片水印
        $w = $water_w;
        $h = $water_h;
        $label = "圖片的";
    }else{//文字水印
        $temp = imagettfbbox($textFont, 0, $fontFile, $waterText);//取得使用 TrueType 字體的文本的范圍
        $w = $temp[2] - $temp[6];
        $h = $temp[3] - $temp[7];
        unset($temp);
        $label = "文字區域";
    }
    if(($ground_w<$w) || ($ground_h<$h)){
        echo "需要加水印的圖片的長度或寬度比水印".$label."還小，無法生成水印！";
        return;
    }
    switch($waterPos){
        case 0://隨機
        $posX = rand(0,($ground_w - $w));
        $posY = rand(0,($ground_h - $h));
        break;
        case 1://1為頂端居左
        $posX = 0;
        $posY = 0;
        break;
        case 2://2為頂端居中
        $posX = ($ground_w - $w) / 2;
        $posY = 0;
        break;
        case 3://3為頂端居右
        $posX = $ground_w - $w;
        $posY = 0;
        break;
        case 4://4為中部居左
        $posX = 0;
        $posY = ($ground_h - $h) / 2;
        break;
        case 5://5為中部居中
        $posX = ($ground_w - $w) / 2;
        $posY = ($ground_h - $h) / 2;
        break;
        case 6://6為中部居右
        $posX = $ground_w - $w;
        $posY = ($ground_h - $h) / 2;
        break;
        case 7://7為底端居左
        $posX = 0;
        $posY = $ground_h - $h;
        break;
        case 8://8為底端居中
        $posX = ($ground_w - $w) / 2;
        $posY = $ground_h - $h;
        break;
        case 9://9為底端居右
        $posX = $ground_w - $w;
        $posY = $ground_h - $h;
        if(!$isWaterImage){
        $posY = $ground_h - $h-20;
        }
        break;
        default://隨機
        $posX = rand(0,($ground_w - $w));
        $posY = rand(0,($ground_h - $h));
        break;
    }
    //設定圖像的混色模式
    imagealphablending($ground_im, true);
    if($isWaterImage){//圖片水印
        //imagecopy($ground_im, $water_im, $posX, $posY, 0, 0, $water_w,$water_h);//拷貝水印到目標文件
        //生成混合圖像
        imagecopymerge($ground_im, $water_im, $posX, $posY, 0, 0, $water_w, $water_h, $alpha);
    } else {//文字水印
        if( !empty($textColor) && (strlen($textColor)==7)){
            $R = hexdec(substr($textColor,1,2));
            $G = hexdec(substr($textColor,3,2));
            $B = hexdec(substr($textColor,5));
        } else {
            die("水印文字顏色格式不正確！");
        }
        imagestring($ground_im, $textFont, $posX, $posY, $waterText, imagecolorallocate($ground_im, $R, $G, $B));
    }
    //生成水印后的圖片
    @unlink($groundImage);
    switch($ground_info[2]){//取得背景圖片的格式
        case 1:imagegif($ground_im,$groundImage);break;
        case 2:imagejpeg($ground_im,$groundImage);break;
        case 3:imagepng($ground_im,$groundImage);break;
        default:die($errorMsg);
    }
    //釋放內存
    if(isset($water_info)) unset($water_info);
    if(isset($water_im)) imagedestroy($water_im);
    unset($ground_info);
    imagedestroy($ground_im);
}

/* 水印配置開始 */
    $water_mark = 1;//1為加水印, 其它為不加
    $water_pos = 9;//水印位置，10種狀態【0為隨機，1為頂端居左，2為頂端居中，3為頂端居右；4為中部居左，5為中部居中，6為中部居右；7為底端居左，8為底端居中，9為底端居】
    $water_img = $_SERVER['DOCUMENT_ROOT'].'/upload/water.gif';//水印圖片,默認填寫空,請將圖片上傳至網站根目錄的upfiles下,例: water.gif
    $water_alpha = 50;//水印透明度
    $water_text = '';//水印字符串,默認填寫空;
    //$water_fontfile = $_SERVER['DOCUMENT_ROOT'] .'/upload/fonts/arial.ttf';//文字水印使用的字體;
    if($water_mark == 1){
        imageWaterMark($file_path, $water_pos, $water_img, $water_alpha, $water_text, $water_fontfile);
    }
    /* 水印配置結束 */

大功告(gao)成(cheng)，到這一步為止，配(pei)置就已經完成(cheng)了，下面添加(jia)圖片(pian)就可以增加(jia)水印了。