Heim  >  Artikel  >  Backend-Entwicklung  >  Der Kindeditor-Editor fügt eine Methode zur Implementierung von Bild-Upload-Wasserzeichen hinzu

Der Kindeditor-Editor fügt eine Methode zur Implementierung von Bild-Upload-Wasserzeichen hinzu

小云云
小云云Original
2018-01-30 14:07:561939Durchsuche

Dieser Artikel stellt hauptsächlich den Kindeditor-Editor und die Funktion zum Hochladen von Bildern im Detail vor. Ich hoffe, dass er für alle hilfreich ist.

KindEditor ist ein Open-Source-Online-HTML-Editor. Entwickler können KindEditor verwenden, um das herkömmliche mehrzeilige Texteingabefeld (Textbereich) durch ein visuelles Rich-Text-Eingabefeld zu ersetzen. Es lässt sich nahtlos in Java, .NET, PHP, ASP und andere Programme integrieren und eignet sich besser für den Einsatz in Internetanwendungen wie CMS, Einkaufszentren, Foren, Blogs, Wikis und E-Mails.
Hauptmerkmale:

Schnell: geringe Größe, schnelle Ladegeschwindigkeit

Open Source: Open-Source-Code, hohes Niveau, hohe Qualität

Untere Ebene: integriert benutzerdefinierte DOM-Klassenbibliothek, präzise Bedienung von DOM

Erweiterung: Basierend auf dem Plug-In-Design sind alle Funktionen Plug-Ins und Funktionen können je nach Bedarf hinzugefügt oder gelöscht werden

Stil: Es Es ist sehr einfach, den Editor-Stil zu ändern, einfach eine CSS-Datei ändern

kompatibel: unterstützt die meisten Mainstream-Browser wie IE, Firefox, Safari, Chrome, Opera

Gehe zum Thema, das Der Standardeditor verfügt beim Hochladen von Bildern nicht über eine Wasserzeichenfunktion:

Schritt eins: Ändern Sie die Datei upload_json.php

Diese finden Sie hier Datei im /php/-Verzeichnis des Editors, fügen Sie eine Funktion hinzu:


/*
  * 功能: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);
}

Schritt 2: Find $json = new Services_JSON() ; Beachten Sie, dass es zwei Stellen gibt, die nicht in der Alarmfunktion enthalten sind. Fügen Sie für die eine den folgenden Code hinzu:


 /* 水印配置开始 */
  $water_mark = 1;//1为加水印, 其它为不加
  $water_pos = 9;//水印位置,10种状态【0为随机,1为顶端居左,2为顶端居中,3为顶端居右;4为中部居左,5为中部居中,6为中部居右;7为底端居左,8为底端居中,9为底端居】
  $water_img = $_SERVER[&#39;DOCUMENT_ROOT&#39;].&#39;/upfiles/water.gif&#39;;//水印图片,默认填写空,请将图片上传至网站根目录的upfiles下,例: water.gif
  $water_alpha = 50;//水印透明度
  $water_text = &#39;&#39;;//水印字符串,默认填写空;
  //$water_fontfile = $_SERVER[&#39;DOCUMENT_ROOT&#39;] .&#39;/upfiles/fonts/arial.ttf&#39;;//文字水印使用的字体;
  if($water_mark == 1){
    imageWaterMark($file_path, $water_pos, $water_img, $water_alpha, $water_text, $water_fontfile);
  }
  /* 水印配置结束 */

Nach meinem Test kann es normal verwendet werden Ein weiterer Punkt: Bitte achten Sie auf den Pfad des Wasserzeichenbilds, der von der tatsächlichen Situation abhängt.

Verwandte Empfehlungen:

PHP-Implementierung von Verarbeitungstools, die Wasserzeichen hinzufügen und Miniaturansichten generieren können

PHP basierend auf der Farbe Bereichsposition des Bildes Wasserzeichen hinzufügen

Baidu-Editor fügt Bildwasserzeichenfunktion hinzu

Das obige ist der detaillierte Inhalt vonDer Kindeditor-Editor fügt eine Methode zur Implementierung von Bild-Upload-Wasserzeichen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn