L'éditeur Kindeditor ajoute une méthode d'implémentation du filigrane de téléchargement d'image

Cet article présente principalement l'éditeur Kindeditor et la fonction de filigrane de téléchargement d'images en détail. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

KindEditor est un éditeur HTML en ligne open source. Les développeurs peuvent utiliser KindEditor pour remplacer la zone de saisie de texte multiligne traditionnelle (textarea) par une zone de saisie de texte riche visuelle. Il peut être intégré de manière transparente à Java, .NET, PHP, ASP et d'autres programmes, et est plus adapté à une utilisation dans des applications Internet telles que les CMS, les centres commerciaux, les forums, les blogs, les wikis et les e-mails.
Caractéristiques principales :

Rapide : petite taille, vitesse de chargement rapide

Open source : code open source, haut niveau, haute qualité

Couche inférieure : intégrée Bibliothèque de classes DOM personnalisée, manipulation précise du DOM

Extension : basée sur la conception du plug-in, toutes les fonctions sont des plug-ins et les fonctions peuvent être ajoutées ou supprimées selon les besoins

Style : Il est très simple de modifier le style de l'éditeur, il suffit de modifier un fichier CSS

compatible : prend en charge la plupart des navigateurs grand public, tels que IE, Firefox, Safari, Chrome, Opera

Allez au sujet, le L'éditeur par défaut n'a pas de fonction de filigrane lors du téléchargement d'images. Introduction détaillée ci-dessous :

Étape 1 : Modifiez le fichier upload_json.php

Vous pouvez trouver ceci. fichier dans le répertoire /php/ de l'éditeur, ajoutez une fonction :

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

Étape 2 : Trouver $json = new Services_JSON() ; notez qu'il y a deux endroits, pas dans la fonction alerte. Pour celui dedans, ajoutez le code suivant :

 /* 水印配置开始 */
  $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);
  }
  /* 水印配置结束 */

Après mon test, il peut être utilisé normalement . Autre point, veuillez faire attention au chemin de l'image en filigrane, qui dépend de la situation réelle.

Recommandations associées :

Implémentation PHP d'outils de traitement pouvant ajouter des filigranes et générer des vignettes

PHP en fonction du poste de la zone de couleur de l'image Ajouter un filigrane

L'éditeur Baidu ajoute une fonction de filigrane d'image

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!