이 글은 Kindeditor 에디터 플러스 이미지 업로드 워터마크 기능을 주로 소개합니다. 관심있는 친구들이 참고하시면 도움이 될 것 같습니다.
KindEditor는 오픈 소스 온라인 HTML 편집기입니다. 개발자는 KindEditor를 사용하여 기존의 여러 줄 텍스트 입력 상자(텍스트 영역)를 시각적인 서식 있는 텍스트 입력 상자로 바꿀 수 있습니다. Java, .NET, PHP, ASP 및 기타 프로그램과 원활하게 통합될 수 있으며 CMS, 쇼핑몰, 포럼, 블로그, Wiki 및 이메일과 같은 인터넷 응용 프로그램에서 사용하기에 더 적합합니다.
주요 기능:
빠름: 작은 크기, 빠른 로딩 속도
오픈 소스: 오픈 소스 코드, 높은 수준, 고품질
하단 레이어: 내장 사용자 정의 DOM 클래스 라이브러리, 정확한 DOM 작동
확장: 플러그 -인 기반 디자인, 모든 기능은 플러그인이며 필요에 따라 추가 또는 삭제할 수 있습니다
스타일: 편집기 스타일을 수정하는 것은 매우 쉽습니다. CSS 파일만 수정하면 됩니다.
호환성: 다음과 같은 대부분의 주류 브라우저를 지원합니다. IE, Firefox, Safari, Chrome, Opera
기본 편집기에서 이미지를 업로드할 때 워터마크 기능이 없습니다. 자세한 소개는 다음과 같습니다.
1단계: upload_json.php 파일 수정
편집기의 /php/ 디렉토리에서 할 수 있습니다. 이 파일을 찾아 함수를 추가하세요.
/*
* 功能：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,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);
}2단계: Find $json = new Services_JSON(); , 경고 기능에 있는 것이 아닌 다음 코드를 추가하십시오:
/* 水印配置开始 */
$water_mark = 1;//1为加水印, 其它为不加
$water_pos = 9;//水印位置，10种状态【0为随机，1为顶端居左，2为顶端居中，3为顶端居右；4为中部居左，5为中部居中，6为中部居右；7为底端居左，8为底端居中，9为底端居】
$water_img = $_SERVER['DOCUMENT_ROOT'].'/upfiles/water.gif';//水印图片,默认填写空,请将图片上传至网站根目录的upfiles下,例: 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, $water_fontfile);
}
/* 水印配置结束 */테스트 후에는 정상적으로 사용할 수 있습니다. 또 다른 점은 워터마크 이미지의 경로가 실제에 따라 달라지므로 주의하시기 바랍니다. 상황.
관련 권장사항:
PHP는 워터마크를 추가하고 썸네일을 생성할 수 있는 처리 도구를 구현합니다.
PHP는 이미지의 색상 영역 위치에 따라 워터마크를 추가합니다.
위 내용은 Kindeditor 편집기에 이미지 업로드 워터마크 구현 방법 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
