php如何實(shí)現(xiàn)Kindeditor編輯器添加圖片上傳水印功能

這篇文章給大家分享的是有關(guān)php如何實(shí)現(xiàn)Kindeditor編輯器添加圖片上傳水印功能的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

KindEditor 是一套開源的在線HTML編輯器，開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框?？梢詿o縫地與 Java、.NET、PHP、ASP 等程序集成，比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。
主要特點(diǎn)：

快速：體積小，加載速度快

開源：開放源代碼，高水平，高品質(zhì)

底層：內(nèi)置自定義 DOM 類庫，精確操作 DOM

擴(kuò)展：基于插件的設(shè)計(jì)，所有功能都是插件，可根據(jù)需求增減功能

風(fēng)格：修改編輯器風(fēng)格非常容易，只需修改一個 CSS 文件

兼容：支持大部分主流瀏覽器，比如 IE、Firefox、Safari、Chrome、Opera

轉(zhuǎn)到正題，默認(rèn)的編輯器上傳圖片時，是沒有水印功能的，下面詳細(xì)介紹：

第一步：修改upload_json.php文件

在編輯器的/php/目錄下可以找到這個文件，新增一個函數(shù)：

/*
  * 功能：PHP圖片水印，水印支持圖片或文字
  * 參數(shù)：
  * $groundImage 背景圖片，即需要加水印的圖片，暫只支持GIF,JPG,PNG格式；
  * $waterPos 水印位置，有10種狀態(tài)，0為隨機(jī)位置；
  *  1為頂端居左，2為頂端居中，3為頂端居右；
  *  4為中部居左，5為中部居中，6為中部居右；
  *  7為底端居左，8為底端居中，9為底端居右；
  * $waterImage 圖片水印，即作為水印的圖片，暫只支持GIF,JPG,PNG格式；
  * $alpha 水印透明度，取值1-100；
  * $waterText 文字水印，即把文字作為為水印，支持ASCII碼，不支持中文；
  * $textFont 文字大小，值為1、2、3、4或5，默認(rèn)為5；
  * $textColor 文字顏色，值為十六進(jìn)制顏色值，默認(rèn)為#FF0000(紅色)；
  *
  * $waterImage 和 $waterText 最好不要同時使用，選其中之一即可，優(yōu)先使用 $waterImage。
  * 當(dāng)$waterImage有效時，參數(shù)$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 = "文字區(qū)域";
  }
  if(($ground_w<$w) || ($ground_h<$h)){
    echo "需要加水印的圖片的長度或?qū)挾缺人?quot;.$label."還小，無法生成水印！";
    return;
  }
  switch($waterPos){
    case 0://隨機(jī)
    $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://隨機(jī)
    $posX = rand(0,($ground_w - $w));
    $posY = rand(0,($ground_h - $h));
    break;
  }
  //設(shè)定圖像的混色模式
  imagealphablending($ground_im, true);
  if($isWaterImage){//圖片水印
    //imagecopy($ground_im, $water_im, $posX, $posY, 0, 0, $water_w,$water_h);//拷貝水印到目標(biāo)文件
    //生成混合圖像
    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,100);break;//注意這里的100，經(jīng)測試，100是圖片質(zhì)量最佳的，但文件大小會增加很多，95的時候質(zhì)量還不錯，大小和原來的差不多。作者采用95的值。
    case 3:imagepng($ground_im,$groundImage);break;
    default:die($errorMsg);
  }
  //釋放內(nèi)存
  if(isset($water_info)) unset($water_info);
  if(isset($water_im)) imagedestroy($water_im);
  unset($ground_info);
  imagedestroy($ground_im);
}

第二步：找到$json = new Services_JSON();注意有兩個地方，不是在alert函數(shù)里的那個，添加如下代碼：

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

經(jīng)本人測試可以正常使用，另外一點(diǎn)請注意水印圖片的路徑，根據(jù)實(shí)際情況而定。

感謝各位的閱讀！關(guān)于“php如何實(shí)現(xiàn)Kindeditor編輯器添加圖片上傳水印功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！