建站技術網專注分享網站建設技術,網站建設教程,真正幫你學會做網站技術,輕松解決網站建設過程中遇到的常見問題,為廣大站長服務。 網站地圖 | 收藏本站 | 訂閱
域名投資,就來找米網,認準網址:www.zhaomi.cc 專業仿站,就到仿站網:www.fangzhan.org
  站內公告: ·帝國cms教程內容已更新,歡迎關注     ·建站技術網采用阿里云服務器,備案已通    
您當前的位置:建站技術網 > cms教程 > Ecshop教程

ecshop教程:編輯器kindeditor圖片上傳添加水印功能

時間:2018-01-18 11:20:52  來源:網絡收集  整理: 建站技術網 www.txwlqq.com     點擊:13次
以前在網站介紹過ecshop更換編輯成kindeditor的方法,但是上傳的圖片不能自動增加水印,今天把相應方法告訴大家:

 

在kindeditor/php/upload_json.php中,有兩處需要修改的地方。

第一步,在文件末尾添加一個方法

function imageWaterMark($groundImage, $waterPos=0, $waterImage='', $alpha=80, $waterText='', $textFont=9, $textColor='#FF0000'){
    $isWaterImage = FALSE;
    $formatMsg = '不支持該圖片格式!請使用GIF、JPG、PNG格式的圖片。';
    //讀取水印文件
    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 = "圖片的";
    }
    if(($ground_w<$w) || ($ground_h<$h)){
        echo "需要加水印的圖片的長度或寬度比水印".$label."還小,無法生成水!";
        return; // www.zuimoban.com
    }
    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,100);break;//注意這里的100,經測試,100是圖片質量最佳 的,但文件大小會增加很多,95的時候質量還不錯,大小和原來的差不多。作者采用95的值。
        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);
}
第二步,找到$json = new Services_JSON();(這個文件中有兩處,alert($msg)方法里的不用操作),在后面添加如下一段代碼

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

    $water_pos = 9;//水印位置,10種狀態【0為隨機,1為頂端居左,2為頂端居中,3為頂端居右;4為中部居左,5為中部居中,6為中部居右;7為底端居左,8為底端居中,9為底端居】

$water_img = $_SERVER['DOCUMENT_ROOT'].'/images/water.gif';//水印圖片,默認填寫空,請將圖片上傳至網站根目錄的images下,例: water.gif
    $water_alpha = 50;//水印透明度
    $water_text = '';//水印字符串,默認填寫空;
    //$water_fontfile = $_SERVER['DOCUMENT_ROOT'] .'/upfiles/fonts/arial.ttf';//文字水印使用的字體;
    if($water_mark == 1){
        imageWaterMark($file_path, $water_pos, $water_img, $water_alpha, $water_text);
    }
這里只需要上傳一張水印圖片即可。

完成上述操作后,在用編輯器上傳圖片就可以實現上圖的效果了。
標簽:
文章標題:ecshop教程:編輯器kindeditor圖片上傳添加水印功能
文章網址:http://www.txwlqq.com/cmsJiaocheng/Ecshop/3677.html
上一篇:ecshop2.7.2 升級教程
下一篇:ecshop關于屬性分組功能的詳解
來頂一下
返回首頁
返回首頁
相關文章
    無相關信息
推薦資訊
如何通過SEO優化排名賺錢?SEO賺錢方法
如何通過SEO優化排名賺
seo優化教程:網站seo內容優化
seo優化教程:網站seo
SEO細節:企業SEO如何快速為新站做出效果
SEO細節:企業SEO如何
電商技術將如何發展?2018年有這五個大膽預測
電商技術將如何發展?
最新文章
欄目更新
欄目熱門
成人黄色