바이두 에디터에 이미지 워터마크 기능을 추가하는 방법은 무엇인가요? 며칠 전 phpcms에 내장된 편집기를 사용하기 매우 쉬운 Baidu UE 편집기로 변경했는데, 한 가지 아쉬운 점은 업로드된 이미지에 워터마크를 추가할 수 없다는 것입니다. . 몇 가지 조사 끝에 마침내 깨달았습니다. 그것이 모두에게 도움이 되기를 바랍니다.
UEditor 편집기에 업로드된 이미지는 자동으로 추출되지만, 해당 이미지에는 워터마크 기능이 없습니다. 함께 살펴볼까요?
UEditor 편집기에는 사진 업로드 및 워터마크 추가 기능이 없으며, 2차 개발이 필요합니다. 이 예제는 PHPCMS 시스템에서 Baidu 편집기의 2차 개발을 수행하고 사진 업로드 및 워터마크 추가 기능을 추가하는 것입니다.
먼저 UEditor 에디터 파일 디렉터리에 있는 php 폴더를 열고 Uploader.class.php를 열고 워터마크를 추가하는 PHPCMS 메소드를 복사하여 이 클래스의 모든 멤버 메소드 끝에 추가한 후 다음과 같이 수정합니다.
//图片加水印 public function watermark($source, $target = '', $w_pos = '', $w_img = '', $w_text = '99danji',$w_font = 8, $w_color = '#ff0000') { $this->w_img = 'watermark.png'; $this->w_pos = 9; $this->w_minwidth = 400; $this->w_minheight = 200; $this->w_quality = 80; $this->w_pct = 85; $w_pos = $w_pos ? $w_pos : $this->w_pos; $w_img = $w_img ? $w_img : $this->w_img; //if(!$this->watermark_enable || !$this->check($source)) return false; if(!$target) $target = $source; //$w_img = PHPCMS_PATH.$w_img; //define('WWW_PATH', dirname(dirname(dirname(__FILE__))); $w_img = '../../../images/water/'.$w_img; $source_info = getimagesize($source); $source_w = $source_info[0]; $source_h = $source_info[1]; //if($source_w < $this->w_minwidth || $source_h < $this->w_minheight) return false; switch($source_info[2]) { case 1 : $source_img = imagecreatefromgif($source); break; case 2 : $source_img = imagecreatefromjpeg($source); break; case 3 : $source_img = imagecreatefrompng($source); break; default : return false; } if(!empty($w_img) && file_exists($w_img)) { $ifwaterimage = 1; $water_info = getimagesize($w_img); $width = $water_info[0]; $height = $water_info[1]; switch($water_info[2]) { case 1 : $water_img = imagecreatefromgif($w_img); break; case 2 : $water_img = imagecreatefromjpeg($w_img); break; case 3 : $water_img = imagecreatefrompng($w_img); break; default : return; } } else { $ifwaterimage = 0; $temp = imagettfbbox(ceil($w_font*2.5), 0, PC_PATH.'libs/data/font/elephant.ttf', $w_text); $width = $temp[2] - $temp[6]; $height = $temp[3] - $temp[7]; unset($temp); } switch($w_pos) { case 1: $wx = 5; $wy = 5; break; case 2: $wx = ($source_w - $width) / 2; $wy = 0; break; case 3: $wx = $source_w - $width; $wy = 0; break; case 4: $wx = 0; $wy = ($source_h - $height) / 2; break; case 5: $wx = ($source_w - $width) / 2; $wy = ($source_h - $height) / 2; break; case 6: $wx = $source_w - $width; $wy = ($source_h - $height) / 2; break; case 7: $wx = 0; $wy = $source_h - $height; break; case 8: $wx = ($source_w - $width) / 2; $wy = $source_h - $height; break; case 9: $wx = $source_w - $width; $wy = $source_h - $height; break; case 10: $wx = rand(0,($source_w - $width)); $wy = rand(0,($source_h - $height)); break; default: $wx = rand(0,($source_w - $width)); $wy = rand(0,($source_h - $height)); break; } if($ifwaterimage) { if($water_info[2] == 3) { imagecopy($source_img, $water_img, $wx, $wy, 0, 0, $width, $height); } else { imagecopymerge($source_img, $water_img, $wx, $wy, 0, 0, $width, $height, $this->w_pct); } } else { if(!empty($w_color) && (strlen($w_color)==7)) { $r = hexdec(substr($w_color,1,2)); $g = hexdec(substr($w_color,3,2)); $b = hexdec(substr($w_color,5)); } else { return; } imagestring($source_img,$w_font,$wx,$wy,$w_text,imagecolorallocate($source_img,$r,$g,$b)); } switch($source_info[2]) { case 1 : imagegif($source_img, $target); break; case 2 : imagejpeg($source_img, $target, $this->w_quality); break; case 3 : imagepng($source_img, $target); break; default : return; } if(isset($water_info)) { unset($water_info); } if(isset($water_img)) { imagedestroy($water_img); } unset($source_info); imagedestroy($source_img); return true; } public function check($image) { return extension_loaded('gd') && preg_match("/\.(jpg|jpeg|gif|png)/i", $image, $m) && file_exists($image) && function_exists('imagecreatefrom'.($m[1] == 'jpg' ? 'jpeg' : $m[1])); }
제가 수정한 부분과 비교하면 phpcms 워터마크는 백그라운드에서 관리 및 설정이 가능하기 때문에 phpcms에 포함된 워터마크 방식은 구성 파일을 읽어서 경로를 얻어오고, 데이터베이스를 읽어서 매개변수 설정을 얻어옵니다 설정한 경우 이러한 장소를 수동으로 설정해야 합니다.
그런데, upFile 메소드에 함수를 추가해야 합니다:
코드 복사 코드는 다음과 같습니다:
if ($this->watermark) {
$this- >watermark($this- >filePath,$this->filePath);
}
그런 다음 UEditor Baidu 편집기의 php 디렉토리에 있는 action_upload.php 파일을 열고 워터마크 추가 여부에 대한 매개 변수를 추가합니다. :
/* 上传配置 */ $base64 = "upload"; switch (htmlspecialchars($_GET['action'])) { case 'uploadimage': $config = array( "pathFormat" => $CONFIG['imagePathFormat'], "maxSize" => $CONFIG['imageMaxSize'], "allowFiles" => $CONFIG['imageAllowFiles'] ); $fieldName = $CONFIG['imageFieldName']; $watermark = true; break;
다음으로 바꿔야 할 문장이 하나 더 있습니다:
/* 生成上传实例对象并完成上传 */ $up = new Uploader($fieldName, $config, $base64, $watermark);
이 글은 주로 아이디어와 참고 자료를 제공하기 위한 것입니다.
관련 권장 사항:
Baidu 편집기 ueditor에 tp3를 삽입하는 방법은 무엇입니까?
PHP UEditor Baidu 편집기를 설치하고 사용하여 공유하는 방법에 대한 자세한 소개
yii2는 Baidu 편집기 ueditor를 통합하고, yii2는 ueditor_PHP 튜토리얼을 통합합니다
위 내용은 Baidu 편집기에 이미지 워터마크 기능 추가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!