首頁

kindeditor上傳圖片加水印實現

圖片水印 2018-05-05 2452

對于如何在圖片上添加水印是許多技術人員(yuán)遇到的一(yī)個難題,那大(dà)家都見過微信公衆号及一(yī)些其他技術平台是可以實現這個功能的,但是對于源碼是如何實現的,卻沒有頭緒,那麽今天app開(kāi)發報價燚軒科技就爲大(dà)家介紹一(yī)下(xià)關于kindeditor上傳圖片加水印的方法,看完之後相信各位技術人員(yuán)就知(zhī)道了。

第一(yī)步:修改upload_json.php文件
在編輯器的/php/目錄下(xià)可以找到這個文件,新增一(yī)個函數:

/*

    * 功能:PHP圖片水印,水印支持圖片或文字

    * 參數:

    * $groundImage 背景圖片,即需要加水印的圖片,暫隻支持GIF,JPG,PNG格式;

    * $waterPos 水印位置,有10種狀态,0爲随機位置;

    *   1爲頂端居左,2爲頂端居中(zhōng),3爲頂端居右;

    *   4爲中(zhōng)部居左,5爲中(zhōng)部居中(zhōng),6爲中(zhōng)部居右;

    *   7爲底端居左,8爲底端居中(zhōng),9爲底端居右;

    * $waterImage 圖片水印,即作爲水印的圖片,暫隻支持GIF,JPG,PNG格式;

    * $alpha 水印透明度,取值1-100

    * $waterText 文字水印,即把文字作爲爲水印,支持ASCII碼,不支持中(zhōng)文;

    * $textFont 文字大(dà)小(xiǎo),值爲12345,默認爲5

    * $textColor 文字顔色,值爲十六進制顔色值,默認爲#FF0000(紅色)

    *

    * $waterImage 和 $waterText 最好不要同時使用,選其中(zhōng)之一(yī)即可,優先使用 $waterImage

    * $waterImage有效時,參數$waterString$stringFont$stringColor均不生(shēng)效。

    * 加水印後的圖片的文件名和 $groundImage 一(yī)樣。

*/

function imageWaterMark($groundImage, $waterPos=0, $waterImage='', $alpha=80, $waterText='', $water_fontfile, $textFont=9, $textColor='#FF0000'){

    $isWaterImage = FALSE;

    $formatMsg = '不支持該圖片格式!請使用GIFJPGPNG格式的圖片。';

    $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 字體(tǐ)的文本的範圍

        $w = $temp[2] - $temp[6];

        $h = $temp[3] - $temp[7];

        unset($temp);

        $label = "文字區域";

    }

    if(($ground_w<$w) || ($ground_h<$h)){

        echo "需要加水印的圖片的長度或寬度比水印".$label."還小(xiǎo),無法生(shēng)成水印!";

        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爲頂端居中(zhōng)

        $posX = ($ground_w - $w) / 2;

        $posY = 0;

        break;

        case 3://3爲頂端居右

        $posX = $ground_w - $w;

        $posY = 0;

        break;

        case 4://4爲中(zhōng)部居左

        $posX = 0;

        $posY = ($ground_h - $h) / 2;

        break;

        case 5://5爲中(zhōng)部居中(zhōng)

        $posX = ($ground_w - $w) / 2;

        $posY = ($ground_h - $h) / 2;

        break;

        case 6://6爲中(zhōng)部居右

        $posX = $ground_w - $w;

        $posY = ($ground_h - $h) / 2;

        break;

        case 7://7爲底端居左

        $posX = 0;

        $posY = $ground_h - $h;

        break;

        case 8://8爲底端居中(zhōng)

        $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);//拷貝水印到目标文件

        //生(shēng)成混合圖像

        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));

    }

    //生(shēng)成水印後的圖片

    @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);

    }

    //釋放(fàng)内存

    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函數裏的那個,添加如下(xià)代碼:

   /* 水印配置開(kāi)始 */

    $water_mark = 1;//1爲加水印, 其它爲不加

    $water_pos = 9;//水印位置,10種狀态【0爲随機,1爲頂端居左,2爲頂端居中(zhōng),3爲頂端居右;4爲中(zhōng)部居左,5爲中(zhōng)部居中(zhōng),6爲中(zhōng)部居右;7爲底端居左,8爲底端居中(zhōng),9爲底端居】

    $water_img = $_SERVER['DOCUMENT_ROOT'].'/upfiles/water.gif';//水印圖片,默認填寫空,請将圖片上傳至網站根目錄的upfiles下(xià),例: water.gif

    $water_alpha = 50;//水印透明度

    $water_text = '';//水印字符串,默認填寫空;

    //$water_fontfile = $_SERVER['DOCUMENT_ROOT'] .'/upfiles/fonts/arial.ttf';//文字水印使用的字體(tǐ);

    if($water_mark == 1){

        imageWaterMark($file_path, $water_pos, $water_img, $water_alpha, $water_text, $water_fontfile);

    }

    /* 水印配置結束 */


以上就是代碼的實現了,那麽這種方法主要适用于php編程中(zhōng),其他語言大(dà)家可以融會貫通一(yī)下(xià),如果還存在不理解的地方,可以留言讨論。

分(fēn)享:
分(fēn)享到微信朋友圈 +
打開(kāi)微信,點擊底部的“發現”,使用 “掃一(yī)掃” 即可将網頁分(fēn)享到我(wǒ)(wǒ)的朋友圈。 如何使用?
推薦文章

熱貼More +

服務範圍More +

聯系我(wǒ)(wǒ)們

請掃二維碼聯系客服

854221200@qq.com

185-3825-9583

QQ客服

關于  ·  招聘  ·  案例中(zhōng)心  ·  網站地圖

©@2018 燚軒科技版權所有 豫ICP備16015002号-4

百度提供搜索支持