SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 191 visiteurs en ce moment

Accueil > Affichage multimédia > Images > Traitement d’images > Images superposées > Filtre image_superpose

Filtre image_superpose

19 février 2008 – par kent1 – 18 commentaires

4 votes

Filtre qui superpose 2 images

Ce filltre superpose tout simplement une image sur une image source issue de la base de donnée de SPIP.

Avant

Après

Le code

Le code qui suit est à mettre dans votre fichier « mes_fonctions.php » (à créer s’il n’existe pas) :

  1. // Filtre |image_superpose
  2.  
  3. function image_superpose($im, $masque, $pos="") {
  4. include_spip('inc/filtres_images');
  5.  
  6. $numargs = func_num_args();
  7. $arg_list = func_get_args();
  8. $texte = $arg_list[0];
  9. for ($i = 1; $i < $numargs; $i++) {
  10. if ( ($p = strpos($arg_list[$i],"=")) !==false) {
  11. $nom_variable = substr($arg_list[$i], 0, $p);
  12. $val_variable = substr($arg_list[$i], $p+1);
  13. $variable["$nom_variable"] = $val_variable;
  14. $defini["$nom_variable"] = 1;
  15. }
  16. }
  17.  
  18. $pos = md5(serialize($variable));
  19.  
  20. $fonction = array('image_superpose', func_get_args());
  21. $image = image_valeurs_trans($im, "superpose-$masque-$pos", "png",$fonction);
  22. if (!$image) return("");
  23.  
  24. $x_i = $image["largeur"];
  25. $y_i = $image["hauteur"];
  26.  
  27. $im = $image["fichier"];
  28. $dest = $image["fichier_dest"];
  29.  
  30. $creer = $image["creer"];
  31.  
  32. if ($defini["right"] OR $defini["left"] OR $defini["bottom"] OR $defini["top"] OR $defini["text-align"] OR $defini["vertical-align"]) {
  33. $placer = true;
  34. }
  35. else $placer = false;
  36.  
  37. if ($creer) {
  38. $im = $image["fonction_imagecreatefrom"]($im);
  39.  
  40. $masque = find_in_path($masque);
  41. $mask = image_valeurs_trans($masque,"");
  42.  
  43. if (!is_array($mask)) return("");
  44. $im_m = $mask["fichier"];
  45. $x_m = $mask["largeur"];
  46. $y_m = $mask["hauteur"];
  47.  
  48. // LES VALEURS PAR DEFAUT DES OPTIONS
  49.  
  50. // opacite
  51. // Opacite de l'image (Valeurs: entre 0 et 100).
  52. if (!$defini["opacite"]) {
  53. $variable["opacite"] = 100;
  54. }
  55.  
  56. // align_h
  57. // Alignment horizontal (Valeurs: 'left' | 'right' | 'center').
  58. if (!$defini["align_h"]) {
  59. $variable["align_h"] = "left";
  60. }
  61. // align_v
  62. // Alignment vertical (Valeurs: 'top' | 'bottom' | 'center').
  63. if (!$defini["align_v"]) {
  64. $variable["align_v"] = "bottom";
  65. }
  66.  
  67. // margin
  68. // Excentrage a partir du bord (Valeurs: en pixels).
  69. if (!$defini["margin"]) {
  70. $variable["margin"] = 10;
  71. }
  72.  
  73. $im1 = $mask["fonction_imagecreatefrom"]($masque);
  74.  
  75. // On force le fait de garder la transparence du fichier meme si c'est un png (peut etre n'est ce pas necessaire)
  76. if ($mask["format_source"] == ("gif" || "png") AND function_exists('ImageCopyResampled')) {
  77. $im1_ = imagecreatetruecolor($x_m, $y_m);
  78. // Si un GIF est transparent,
  79. // fabriquer un PNG transparent
  80. // Conserver la transparence
  81. if (function_exists("imageAntiAlias")) imageAntiAlias($im1_,true);
  82. @imagealphablending($im1_, false);
  83. @imagesavealpha($im1_,true);
  84. @ImageCopyResampled($im1_, $im1, 0, 0, 0, 0, $x_m, $y_m, $x_m, $y_m);
  85. imagedestroy($im1);
  86. $im1 = $im1_;
  87. }
  88.  
  89. if ($im1) {
  90. $superpose_y = $variable["margin"];
  91. if ($variable["align_v"] == 'top') {
  92. $superpose_y = $variable["margin"];
  93. }
  94. elseif ($variable["align_v"] == 'bottom') {
  95. $superpose_y = $y_i - $y_m - $variable["margin"];
  96. }
  97. elseif ($variable["align_v"] == 'center') {
  98. $superpose_y = (int)($y_i / 2 - $y_m / 2);
  99. }
  100.  
  101. $superpose_x = $variable["margin"];
  102. if ($variable["align_h"] == 'left') {
  103. $superpose_x = $variable["margin"];
  104. }
  105. elseif ($variable["align_h"] == 'right') {
  106. $superpose_x = $x_i - $x_m - $variable["margin"];
  107. }
  108. elseif ($variable["align_h"] == 'center') {
  109. $superpose_x = (int)($x_i / 2 - $x_m / 2);
  110. }
  111. imagecopymerge($im,$im1, $superpose_x, $superpose_y, 0, 0, $x_m, $y_m, $variable["opacite"]);
  112. imagedestroy($im1);
  113. }
  114. $image["fonction_image"]($im, "$dest");
  115. }
  116. $x_dest = largeur($dest);
  117. $y_dest = hauteur($dest);
  118.  
  119. return image_ecrire_tag($image,array('src'=>$dest,'width'=>$x_dest,'height'=>$y_dest));
  120. }

Télécharger

Utilisation

Dans un squelette placez le code qui suit :

  1. [(#FICHIER|image_superpose{votre_image.png, align_v=top,align_h=right,opacite=50})]

Les options

 :

  • align_v : top | center | bottom : alignement vertical de l’image superposée par rapport à l’image originale
  • align_h : left | center | right : alignement horizontal de l’image superposée par rapport à l’image originale
  • opacite : niveau d’opacite de l’image superposée (de 0 à 100)
  • margin : marge autour de l’image superposée

Dernière modification de cette page le 1er avril 2010

Retour en haut de la page

Vos commentaires

  • Le 29 juillet 2011 à 15:58, par Nicolas En réponse à : Filtre image_superpose

    Bonjour,

    J’utilise image_superpose pour insérer un logo dans des photos après un image_reduire et avant de forcer le format de sortie en jpeg par image_format.

    En résumé simplifié, ça donne ceci :

    <img src="[(#FICHIER|image_reduire{...}|image_superpose{...}|image_format{jpg}|extraire_attribut{src})]" />

    Le hic c’est que mon site contient à peu près 100,000 photos faisant en moyenne 100 à 150ko, donc le volume total ne devrait pas dépasser 12Go environ, hors depuis que j’utilise cette fonction, le cache image de SPIP fait déjà 63Go et continue de grossir. Je me demande donc s’il n’y aurait pas un bug dans la gestion du cache, peut-être au niveau des images intermédiaires que se passent les filtres et qui ne seraient jamais supprimées. Quelqu’un a-t-il déjà constaté ce phénomène et surtout quelqu’un a-t-il une solution ?

    D’avance merci pour vos réponses !
    Nicolas

    Répondre à ce message

  • Le 4 juin 2010 à 00:08, par bruno31 En réponse à : Filtre image_superpose

    J’ai le même problème.

    En y regardant de plus près, le filtre utilise la fonction PHP imagecopymerge qui, en réalité, ne gère pas la transparence des PNG, contrairement à ce qu’affirme la docu.

    Sur cette page http://php.net/manual/fr/function.imagecopymerge.php, il y a le code d’une fonction imagecopymerge_alpha que j’ai recopié ci-dessous :

    function imagecopymerge_alpha($dst_im, $src_im, $dst_x, $dst_y, $src_x, $src_y, $src_w, $src_h, $pct){
       if(!isset($pct)){
           return false;
       }
       $pct /= 100;
       // Get image width and height
       $w = imagesx( $src_im );
       $h = imagesy( $src_im );
       // Turn alpha blending off
       imagealphablending( $src_im, false );
       // Find the most opaque pixel in the image (the one with the smallest alpha value)
       $minalpha = 127;
       for( $x = 0; $x < $w; $x++ )
       for( $y = 0; $y < $h; $y++ ){
           $alpha = ( imagecolorat( $src_im, $x, $y ) >> 24 ) & 0xFF;
           if( $alpha < $minalpha ){
               $minalpha = $alpha;
           }
       }
       //loop through image pixels and modify alpha for each
       for( $x = 0; $x < $w; $x++ ){
           for( $y = 0; $y < $h; $y++ ){
               //get current alpha value (represents the TANSPARENCY!)
               $colorxy = imagecolorat( $src_im, $x, $y );
               $alpha = ( $colorxy >> 24 ) & 0xFF;
               //calculate new alpha
               if( $minalpha !== 127 ){
                   $alpha = 127 + 127 * $pct * ( $alpha - 127 ) / ( 127 - $minalpha );
               } else {
                   $alpha += 127 * $pct;
               }
               //get the color index with new alpha
               $alphacolorxy = imagecolorallocatealpha( $src_im, ( $colorxy >> 16 ) & 0xFF, ( $colorxy >> 8 ) & 0xFF, $colorxy & 0xFF, $alpha );
               //set pixel with the new color + opacity
               if( !imagesetpixel( $src_im, $x, $y, $alphacolorxy ) ){
                   return false;
               }
           }
       }
       // The image copy
       imagecopy($dst_im, $src_im, $dst_x, $dst_y, $src_x, $src_y, $src_w, $src_h);
    }

    J’ai ajouté cette fonction dans mes_fonctions.php

    et dans le filtre image_superpose, j’ai remplacé l’appel de la fonction imagecopymerge par imagecopymerge_alpha

    Cela règle une partie des problèmes de transparence mais pas tous (voir mon post suivant)

    • Le 4 juin 2010 à 00:15, par bruno31 En réponse à : Filtre image_superpose

      Comme je le disais, il me semble qu’il y a d’autres bugs dans le filtre image_superpose.

      J’essaie de transformer un logo en :

      1. appliquant un masque circulaire ne conservant que le centre du logo au centre d’un cercle. le reste de l’image est transparente. J’utilise le filtre image_masque

      2. puis sur cette image masquée, je superpose un cercle me permettant de réaliser un bord circulaire avec un jeu d’ombre.

      L’idée est d’obtenir un logo circulaire avec les bords de l’image transparents, le logo étant entourée d’une bordure dont on voit l’ombre (semi-transparence de gris).

      L’image en sortie de 1. est correcte. Mais bizarrement, en sortie de 2. (image_superpose) c’est comme si j’avais rentré l’image initiale sans masque. C’est incompréhensible.

      Si quelqu’un peut m’aider...

    • Le 4 juin 2010 à 00:54, par bruno31 En réponse à : Filtre image_superpose

      J’ai trouvé la solution :

      après :

      $im = $image["fonction_imagecreatefrom"]($im);

      Cette ligne appelle la fonction imagecreatefrompng

      il faut ajouter ensuite :

      imagealphablending($im, true) ;
      imagesavealpha($im, true) ;

    • Le 30 janvier 2011 à 16:31, par Alesk En réponse à : Filtre image_superpose

      Bonjour

      Pourrais tu partager ta solution STP ? j’ai essayé de le faire en SPIP 2.1.8 mais cela ne fonctionne pas

      J’ai bien essayé d’appliquer tes correctifs, mais j’ai d’horrible bordure noires qui s’affichent.

      Merci.

    • Le 1er mars 2011 à 01:26, par fd En réponse à : Filtre image_superpose

      Alors abandonnez tout....installez ce plugin http://zone.spip.org/trac/spip-zone/browser/_plugins_/fonctions_images?rev=44280 Sur une 2.1.8 je l’ai installé et jai remplacé image_superpose par image_merge dans mon squelette et ca fonctionne !! :)

    • Le 1er mars 2011 à 08:52, par fd En réponse à : Filtre image_superpose

      par contre ne sait pas comment rendre le masque plus grand !

    Répondre à ce message

  • Le 1er juin 2010 à 15:23, par BapVal En réponse à : Filtre image_superpose

    Je tente un image_superpose après un image_recadre...

    [(#FICHIER|image_recadre{1920,1080,left top}|image_superpose{#CHEMIN{images/mon_image.png},align_h=right,margin=0})]

    Mais il ne se passe rien...

    • Le 1er juin 2010 à 15:30, par BapVal En réponse à : Filtre image_superpose

      Problème de cache... Ça fonctionne.

    Répondre à ce message

  • Le 21 novembre 2009 à 17:05, par Eloi En réponse à : probleme transparences

    Bonjour,
    Je travaille sous spip 2.0.9 et j’ai des soucis de transparence avec ce filtre. En effet, si j’utilise des png24 ou gif avec des transparences pour l’image qui vient se superposer, le filtre remplace les transparences par du noir. Y a-t-il un moyen de faire en sorte que les parties transparentes de l’image superposer le reste ?
    Ceci est notamment dans l’objectif d’utiliser des png 24 générés par |image_typo afin de les superposer à une image de fond (par exemple : le titre d’un article en superposition avecon logo... dans un mail, donc sans de z-index).
    Merci.

    Répondre à ce message

  • Le 1er septembre 2008 à 16:35, par RealET En réponse à : Filtre image_superpose

    J’ai rajouté ce filtre (corrigé pour la transparence PNG) au plugin fonctions image.

    Répondre à ce message

  • Le 20 février 2008 à 15:13, par Alain En réponse à : Filtre image_superpose

    Bonjour,
    Merci pour ce filtre qui semblait correspondre à mes besoins. Malgré mes essais, je n’obtiens aucun résultat. Où placer le fichier .png ? Merci

    • Le 21 février 2008 à 08:24, par Eric En réponse à : Filtre image_superpose

      J’ai mis le fichier png dans le répertoire dist ; sur mon site test, ça semble fonctionner.

      Eric

    • Le 28 mai 2008 à 17:20, par nobo En réponse à : Filtre image_superpose

      ça marche impec si tu met l’adresse squelette/img/image.png. Par contre j’arrive pas à faire marcher la transparence. Quelqu’un à une idée ?

    • Le 1er septembre 2008 à 16:33, par RealET En réponse à : Filtre image_superpose

      J’ai supprimé la partie :
      // On force le fait de garder la transparence du fichier meme si c'est un png (peut etre n'est ce pas necessaire)

      Et avec une image PNG avec transparence (pas alpha, juste une couleur transparente), ça marche.

    Répondre à ce message

  • Le 20 février 2008 à 13:55, par ? En réponse à : Filtre image_superpose

    Bonjour,

    Merci pour cette contrib qui correspond en partie à mon besoin.
    Juste une remarque : j’ai l’impression que pour que cela fonctionne, le fichier a superposer doit se trouver dans le répertoire dist (est-ce du à la fonction find_in_path ?)

    Enfin, un regret : Tout comme la fonction écrire par Xavier (http://xebiaut.free.fr/spip.php?article201), c’est dommage que celle ci ne s’applique que au type < img| xxx > et non < doc | xxx > . J’ai essayé sans succès d’adapter ces fonctions ... Peut-être aurez vous une piste ?

    Eric

    • Le 20 février 2008 à 18:50, par kent1 En réponse à : Filtre image_superpose

      <img> et <doc> sont des modeles... ce ne sont pas des fonctions

      Il suffit de modifier ces modeles en conséquence

    • Le 27 juillet 2008 à 18:48, par Abou33 En réponse à : Filtre image_superpose

      Bonjour,

      Je serai très intéressé si vous pouviez me dire comment faire pour avoir ce résultat avec le <IMG>.

      Je ne suis pas très fort et j’ai des auteurs qui n’ont aucune compétence. Le fait de leur demander de télécharger l’image les panique.

      Merci,
      Abou33

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Champs Extras 3

    16 janvier 2012 – 523 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)

  • Réservation d’événements

    16 mars 2015 – 188 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification (...)

  • Les crayons

    23 avril 2008 – 815 commentaires

    Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

  • LESS pour SPIP : Less-CSS (anciennement LESSpip)

    5 novembre 2010 – 43 commentaires

    Less-CSS (Anciennement LESSpip) est un plugin intégrant facilement le logiciel LESS dans SPIP. LESS est une extension de CSS ajoutant les variables, les classes, les opérations, les imbrications au langage. Facilitant ainsi l’écriture de (...)

  • Recommander

    3 avril 2011 – 16 commentaires

    Ce plugin propose une manière simple de suggérer de recommander par email un article à un ami. Fonction « recommander un article à un ami ». On l’ajoute dans n’importe quel squelette sous la forme : #RECOMMANDERtitre de la page,url de la page,intro (...)

Ça spipe par là