Changeset 120905 in spip-zone

Timestamp:

Jan 31, 2020, 8:29:39 PM (12 months ago)

Author:

bruno@…

Message:

version 0.7.0 : nouveau filtre image_tramer

pour tramer une image, de préféence en niveaux de gris, à la LOW←TECH MAGAZINE

Location:

_plugins_/fonctions_images/trunk

Files:

• demo/fonctions_images.html (modified) (1 diff)
• demo/inc-filtres_images.html (modified) (1 diff)
• filtres/images_complements.php (modified) (1 diff)
• fonctions_images_fonctions.php (modified) (1 diff)
• paquet.xml (modified) (1 diff)

_plugins_/fonctions_images/trunk/demo/fonctions_images.html

@@ -18 +18 @@
                         </BOUCLE_menu_couleurs>
                         <li class="menu__item menu__item_header">Traitement des images</li>
-                        <BOUCLE_menu_images(DATA){liste image_saturer,image_niveaux_gris_auto,image_courbe,image_float,image_contour_alpha,image_sincity,image_estampage_alpha,image_merge,image_negatif}>
+                        <BOUCLE_menu_images(DATA){liste image_saturer,image_niveaux_gris_auto,image_courbe,image_float,image_contour_alpha,image_sincity,image_estampage_alpha,image_merge,image_negatif,image_tramer}>
                         <li class="menu__item"><a href="[(#ENV{filtres}|=={images}|?{##VALEUR,#SELF|parametre_url{filtres,images}|ancre_url{#VALEUR}})]" class="ajax">#VALEUR</a></li>
                         </BOUCLE_menu_images>

_plugins_/fonctions_images/trunk/demo/inc-filtres_images.html

@@ -300 +300 @@
         </div>
 </div>
+
+<!-- image_tramer -->
+<div class="boite" id="image_tramer">
+        <h2 class="boite__titre">image_tramer</h2>
+        <p>
+                Tramer une image (en mode niveaux de gris) à la <a href="https://github.com/lowtechmag/solar/wiki/Solar-Web-Design#dithered-images">LOW←TECH MAGAZINE</a>
+        </p>
+        <dl class="codeblock">
+                <dt>Syntaxe</dt>
+                <dd><code>image_tramer{url_image, 6, o8x8}</code></dd>
+                <dt>Paramètre 1</dt>
+                <dd>Url de l'image servant de filtre</dd>
+                <dt>Paramètre 2</dt>
+                <dd>Nombre : niveaux de couleurs à utiliser</dd>
+                <dt>Paramètre 3</dt>
+                <dd>Booléen : générer une image en couleurs</dd>
+                <dt>Exemple</dt>
+                <dd><code class="Exemple">#VAL{"\[\(#CHEMIN{images/ecureuil.jpg}|image_tramer\)\]"}</code></dd>
+        </dl>
+        <div class="apercu apercu_images">
+                <div class="apercu__item alpha on bordure"><p>originale</p>[(#CHEMIN{images/ecureuil.jpg}|balise_img)]</div>
+                <BOUCLE_imgtramer1(DATA){liste 3,6,11}>
+                <div class="apercu__item"><p>#VALEUR</p>[(#CHEMIN{images/ecureuil.jpg}|image_tramer{#VALEUR})]</div>
+                </BOUCLE_imgtramer1>
+        </div>
+        <div class="apercu apercu_images">
+                <div class="apercu__item alpha on bordure"><p>originale</p>[(#CHEMIN{images/ecureuil.jpg}|balise_img)]</div>
+                <BOUCLE_imgtramer2(DATA){liste checks,o8x8,h8x8a,h16x16o,c5x5b,c5x5w,c6x6b,c6x6w,c7x7b,c7x7w}>
+                <div class="apercu__item"><p>6,#VALEUR</p>[(#CHEMIN{images/ecureuil.jpg}|image_tramer{6,#VALEUR})]</div>
+                </BOUCLE_imgtramer2>
+        </div>
+                <div class="apercu apercu_images">
+                <div class="apercu__item alpha on bordure"><p>originale</p>[(#CHEMIN{images/ecureuil.jpg}|balise_img)]</div>
+                <BOUCLE_imgtramer3(DATA){liste 3,6,11}>
+                <div class="apercu__item"><p>#VALEUR,o8x8,oui</p>[(#CHEMIN{images/ecureuil.jpg}|image_tramer{#VALEUR,o8x8,oui})]</div>
+                </BOUCLE_imgtramer3>
+        </div>
+</div>

_plugins_/fonctions_images/trunk/filtres/images_complements.php

@@ -1195 +1195 @@
         return _image_ecrire_tag($image,array('src'=>$dest));
 }
+
+/**
+ * Tramer une image avec la fonction orderedPosterizeImage d'Imagick
+ * Inspiré de https://github.com/lowtechmag/solar/wiki/Solar-Web-Design#dithered-images
+ *
+ * @param string $im
+ *     Chemin de l'image ou balise html `<img src=... />`
+ * @param int $levels
+ *     Le nombre de niveaux de couleurs à utiliser
+ * @param string $thmap
+ *     Le nom de la carte de seuils de dither cf http://www.imagemagick.org/Usage/quantize/tmaps_list.txt
+ * @param boolean $color
+ *     Générer une image en couleurs
+ * @return string balise image
+ */
+function image_tramer($img, $levels = 6, $thmap = 'o8x8', $color = false){
+        $cache = _image_valeurs_trans($img, "tramer-".json_encode(array($thmap, $levels, $color)), 'png');
+        if (!$cache) {
+                return false;
+        }
+        // facile !
+        if ($cache['format_source'] === 'svg'){
+                return $img;
+        }
+
+        $fichier = $cache["fichier"];   
+        $dest = $cache["fichier_dest"];
+        $creer = $cache["creer"];
+
+        if ($creer) {
+                if (method_exists('Imagick', 'orderedPosterizeImage')) {
+                        $imagick = new Imagick();
+                        $imagick->readImage($fichier);
+                        if (!$color) {
+                                $imagick->setImageType(Imagick::IMGTYPE_GRAYSCALE);
+                        }
+                        $imagick->orderedPosterizeImage($thmap.','.$levels);
+                        $imagick->setImageFormat('png');
+                        $imagick->writeImage($dest);
+                }
+        }
+
+        return _image_ecrire_tag($cache, array('src' => $dest));
+}

_plugins_/fonctions_images/trunk/fonctions_images_fonctions.php

@@ -22 +22 @@
         $GLOBALS['spip_matrice']['image_monochrome'] = 'filtres/images_complements.php';
         $GLOBALS['spip_matrice']['image_merge'] = 'filtres/images_complements.php';
+        $GLOBALS['spip_matrice']['image_tramer'] = 'filtres/images_complements.php';
 
         $GLOBALS['spip_matrice']['couleur_chroma'] = 'filtres/couleurs_complements.php';

_plugins_/fonctions_images/trunk/paquet.xml

@@ -2 +2 @@
         prefix="fonctions_images"
         categorie="multimedia"
-        version="0.6.15"
+        version="0.7.0"
         etat="stable"
         compatibilite="[3.0.0;3.2.*]"