#CACHE{0} #NOM_SITE_SPIP

Tests du plugin fonctions d'images

Liste des filtres, avec quelques exemples.
Le code [(#CHEMIN{img/souci.jpg}|en_image)] peut être remplacé par [(#FICHIER)] dans une boucle document.

La fonction |en_image n'est plus nécessaire depuis SPIP 1.9.3

en_image
convertit une adresse d'image en balise img pour être utilisée dans les fonctions de traitement d'image de spip
N'est plus nécessaire en SPIP 1.9.3
[(#CHEMIN{img/souci.jpg}|en_image)]
[(#CHEMIN{img/souci.jpg}|en_image)]
[(#CHEMIN{img/souci.jpg}|en_image|image_sepia{14579c})]
[(#CHEMIN{img/souci.jpg}|en_image|image_sepia{14579c})]
couleur_chroma
Donne une couleur dans la roue chromatique (Paris-Beyrouth : Une palette de couleurs)
#[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_chroma{3/6})]
#[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_chroma{3/6})]
couleur_saturer
(De)sature une couleur
#[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_saturer{1.3})]
[(#SET{couleur, #[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_saturer{1.3})]})]
#GET{couleur}
#[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_saturer{0.5})]
[(#SET{couleur, #[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_saturer{0.5})]})]
#GET{couleur}
couleur_teinter
Modifie la teinte d'une couleur
#[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_teinter{30})]
[(#SET{couleur, #[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_teinter{30})]})]
#GET{couleur}
#[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_teinter{-30})]
[(#SET{couleur, #[(#CHEMIN{img/souci.jpg}|en_image|couleur_extraire|couleur_teinter{-30})]})]
#GET{couleur}
image_saturer
(De)sature une image (Paris-Beyrouth : Désaturer une image)
[(#CHEMIN{img/souci.jpg}|en_image|image_saturer{1.5})]
[(#CHEMIN{img/souci.jpg}|en_image|image_saturer{1.5})]
[(#CHEMIN{img/souci.jpg}|en_image|image_saturer{0.5})]
[(#CHEMIN{img/souci.jpg}|en_image|image_saturer{0.5})]
image_niveaux_gris_auto
Correction automatique des niveaux (Paris-Beyrouth : Corriger les niveaux des images)
[(#CHEMIN{img/souci.jpg}|en_image|image_niveaux_gris_auto)]
[(#CHEMIN{img/souci.jpg}|en_image|image_niveaux_gris_auto)]
image_podpod
Rempli par la couleur indiquée (dd5500) la plage de niveau de gris compris entre les 2 paramètres suivants (100 et 255) (Paris-Beyrouth : Créer automatiquement une publicité podPod)
[(#CHEMIN{img/souci.jpg}|en_image|image_podpod{dd5500,100,255})]
[(#CHEMIN{img/souci.jpg}|en_image|image_podpod{dd5500,100,255})]
image_courbe
Changer les courbes de niveau d'une image (Paris-Beyrouth : Modifier les courbes d'une image)
[(#CHEMIN{img/souci.jpg}|en_image|image_courbe{rvb, 62=30, 193=220})]
[(#CHEMIN{img/souci.jpg}|en_image|image_courbe{rvb, 62=30, 193=220})]
[(#CHEMIN{img/souci.jpg}|en_image|image_courbe{rvb, 0=255, 100=0})]
[(#CHEMIN{img/souci.jpg}|en_image|image_courbe{rvb, 0=255, 100=0})]
[(#CHEMIN{img/souci.jpg}|en_image|image_courbe{rvb, 1=255, 100=1})]
[(#CHEMIN{img/souci.jpg}|en_image|image_courbe{rvb, 1=255, 100=1})]
image_float
Faire un texte qui épouse une image (Paris-Beyrouth : Un habillage irrégulier)
[(#CHEMIN{img/decoupe.png}|en_image|image_float{left,10,ffffff})]

[(#CHEMIN{img/decoupe.png}|en_image|image_float{left,10,ffffff})] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ut nunc eget ante ornare nonummy. Ut arcu. Duis tincidunt tincidunt quam. In elementum blandit odio. Nullam ultrices. Nulla sem augue, mollis id, vulputate eget, ullamcorper ultrices, purus. Aenean porttitor odio at mauris. Mauris quis enim vitae purus dictum ultricies. Proin pharetra lectus auctor lacus. Quisque at sem ac lectus ornare vehicula. Nunc pulvinar, leo ut tristique auctor, felis diam gravida neque, consectetuer cursus sem nisl ut enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec justo. Aliquam erat volutpat. Sed vel enim nec tellus suscipit imperdiet. Maecenas sagittis, dolor id tincidunt suscipit, orci tortor fermentum mi, id varius dolor nisi quis lectus. Quisque ante sem, molestie a, euismod sed, tempus sit amet, mauris. Integer vel ante eget urna sagittis consectetuer. Quisque ullamcorper convallis velit. Ut porta. Quisque euismod. Cras adipiscing, tellus id vestibulum ultrices, leo erat auctor diam, vitae aliquam libero orci ac augue. Fusce vel dui. Sed eleifend est ac mauris. Nam in leo. In hac habitasse platea dictumst. Suspendisse hendrerit nisl at orci. Curabitur condimentum. Proin scelerisque. Nunc eros.

image_contour_alpha
Tracer des contours d'une image (Paris-Beyrouth : Tracer les contours de transparence)
[(#NOM_SITE_SPIP|image_typo|image_contour_alpha{ff0000,2})]
[(#NOM_SITE_SPIP|image_typo{taille=30, padding=5}|image_contour_alpha{ff0000,2})]
[(#CHEMIN{img/decoupe.png}|en_image|image_contour_alpha{ff0000,2})]
[(#CHEMIN{img/decoupe.png}|en_image|image_contour_alpha{ff0000,2})]
image_sincity
Désaturation contrastée + accentuation du rouge (Paris-Beyrouth : Welcome to Spip-City)
[(#CHEMIN{img/souci.jpg}|image_sincity)]
[(#CHEMIN{img/souci.jpg}|image_sincity)]
image_estampage_alpha
Réaliser des estampages (Paris-Beyrouth : Des titres en relief)
[(#NOM_SITE_SPIP|image_typo{couleur=8cc42a,taille=40,padding=4}
|image_masque{[(#NOM_SITE_SPIP|image_typo{couleur=8cc42a,taille=40,padding=4}
|image_flou{2}|image_estampage_alpha{1,1.5}
|extraire_attribut{src})],top=-1,left=-1})]
[(#NOM_SITE_SPIP|image_typo{couleur=8cc42a,taille=40,padding=4} |image_masque{[(#NOM_SITE_SPIP|image_typo{couleur=8cc42a,taille=40,padding=4} |image_flou{2}|image_estampage_alpha{1,1.5} |extraire_attribut{src})],top=-1,left=-1})]
image_dispersion
Réaliser des dispersions, des floutages (Paris-Beyrouth : Un filtre de dispersion graphique)
[(#CHEMIN{img/souci.jpg}|image_dispersion{img/disp-points.png,4,4})]
[(#CHEMIN{img/disp-points.png}|en_image|image_recadre{200,150})]
[(#CHEMIN{img/souci.jpg}|image_dispersion{img/disp-points.png,4,4})] [(#CHEMIN{img/disp-points.png}|en_image|image_recadre{200,150})]
[(#CHEMIN{img/souci.jpg}|image_dispersion{img/disp-twirl.png,8,8})]
[(#CHEMIN{img/disp-twirl.png}|en_image|image_recadre{200,150})]
[(#CHEMIN{img/souci.jpg}|image_dispersion{img/disp-twirl.png,8,8})] [(#CHEMIN{img/disp-twirl.png}|en_image|image_recadre{200,150})]
[(#CHEMIN{img/souci.jpg}|image_dispersion{img/disp-noir.png,6,6})]
[(#CHEMIN{img/disp-noir.png}|en_image|image_recadre{200,150})]
[(#CHEMIN{img/souci.jpg}|image_dispersion{img/disp-noir.png,6,6})] [(#CHEMIN{img/disp-noir.png}|en_image|image_recadre{200,150})]
couleur_inverserluminosite
Eclaircie une couleur foncée et fonce une couleur claire
#8746fe va donner
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_inverserluminosite{20})]})]
#GET{couleur} avec |couleur_inverserluminosite{20}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_inverserluminosite{40})]})]
#GET{couleur} avec |couleur_inverserluminosite{40}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_inverserluminosite{60})]})]
#GET{couleur} avec |couleur_inverserluminosite{60}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_inverserluminosite{80})]})]
#GET{couleur} avec |couleur_inverserluminosite{80}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_inverserluminosite{100})]})]
#GET{couleur} avec |couleur_inverserluminosite{100}
#46176e va donner
[(#SET{couleur, #[(#VAL{#46176e}|couleur_inverserluminosite{20})]})]
#GET{couleur} avec |couleur_inverserluminosite{20}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_inverserluminosite{40})]})]
#GET{couleur} avec |couleur_inverserluminosite{40}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_inverserluminosite{60})]})]
#GET{couleur} avec |couleur_inverserluminosite{60}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_inverserluminosite{80})]})]
#GET{couleur} avec |couleur_inverserluminosite{80}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_inverserluminosite{100})]})]
#GET{couleur} avec |couleur_inverserluminosite{100}
couleur_foncerluminosite
Fonce une couleur
#8746fe va donner
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_foncerluminosite{20})]})]
#GET{couleur} avec |couleur_foncerluminosite{20}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_foncerluminosite{40})]})]
#GET{couleur} avec |couleur_foncerluminosite{40}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_foncerluminosite{60})]})]
#GET{couleur} avec |couleur_foncerluminosite{60}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_foncerluminosite{80})]})]
#GET{couleur} avec |couleur_foncerluminosite{80}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_foncerluminosite{100})]})]
#GET{couleur} avec |couleur_foncerluminosite{100}
#46176e va donner
[(#SET{couleur, #[(#VAL{#46176e}|couleur_foncerluminosite{20})]})]
#GET{couleur} avec |couleur_foncerluminosite{20}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_foncerluminosite{40})]})]
#GET{couleur} avec |couleur_foncerluminosite{40}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_foncerluminosite{60})]})]
#GET{couleur} avec |couleur_foncerluminosite{60}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_foncerluminosite{80})]})]
#GET{couleur} avec |couleur_foncerluminosite{80}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_foncerluminosite{100})]})]
#GET{couleur} avec |couleur_foncerluminosite{100}
couleur_eclaircirluminosite
Eclaircie une couleur
#8746fe va donner
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_eclaircirluminosite{20})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{20}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_eclaircirluminosite{40})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{40}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_eclaircirluminosite{60})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{60}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_eclaircirluminosite{80})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{80}
[(#SET{couleur, #[(#VAL{#8746fe}|couleur_eclaircirluminosite{100})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{100}
#46176e va donner
[(#SET{couleur, #[(#VAL{#46176e}|couleur_eclaircirluminosite{20})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{20}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_eclaircirluminosite{40})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{40}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_eclaircirluminosite{60})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{60}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_eclaircirluminosite{80})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{80}
[(#SET{couleur, #[(#VAL{#46176e}|couleur_eclaircirluminosite{100})]})]
#GET{couleur} avec |couleur_eclaircirluminosite{100}