Re: [spip-commit] [spip ↪ dev_filtr e_balise_img_svg] 2 commits

Ok, merci pour les retours...

                 jeanmarie


Le 04/03/2021 à 20:15, Cerdic a écrit :
> Non ça remplace pas, mais ça complète pour gérer par exemple des 
> petites images de deco ou pictos png : tu le fourni en 64px et tu 
> l’affiches en 32px pour qu’il soit de bonne qualité partout.
>
> Pour le SVG cela permet donc de contrôler la taille d’affichage 
> indépendamment de la taille par défaut dans le fichier
>
> -- 
> Cédric
> Le 4 mars 2021 à 15:10 +0100, jeanmarie 
> <[email protected]>, a écrit :
>> Salut Cédric,
>>
>> super ces nouvelles fonctionnalités !
>>
>> Petite question sur la gestion de la densité de l'image avec le
>> paramètre x2 (pour être sûr de bien comprendre) : ça force, quoiqu'il
>> arrive, une double taille même si l'écran n'est pas HD, c'est pour avoir
>> du HD par défaut quoiqu'il arrive ?
>> Ça ne remplace donc pas les plugins qui gèrent ça (adaptive_image et
>> image_responsive par ex) ?
>>
>>             jeanmarie
>>
>>
>> Le 04/03/2021 à 12:07, Cerdic a écrit :
>>> spip/spip | 2 commits
>>> -
>>> Par Cerdic, le 4 mars 2021 à 11h16min :
>>>
>>> Le filtre |balise_img est survitamine :
>>> - il peut prendre en premier argumenr une balise img deja formee si 
>>> besoin - ie issue d'un filtre image :
>>> `[(#FICHIER|image_reduire{200,200}|balise_img{'un nuage','spip_logo'})]`
>>> - il paut prendre un dernier argument size pour forcer la taille 
>>> sous plusieurs formes :
>>> * `x1.5`, `x2` ou `x3` permet de forcer une densite de 1.5, 2 ou 3 
>>> (le x est ici le multiplicateur de densite par rapport a la taille 
>>> initiale)
>>> une image de largeur 200px affichee avec un `x2` aura donc un 
>>> attribut `width='100'`
>>> * Un nombre seul comme `64` pour forcer une image carree avec 
>>> `width='64' height='64'`
>>> * Une largeur ET une hauteur sour la forme `1024x640` pour avoir un 
>>> `width='1024' height='640'`
>>> * Une largeur seule et une hauteur automatique sous la forme 
>>> '1024x*` pour avoir donc un `width='1024'` et un height ajuste 
>>> automatiquement pour respecter les proportions initiales de l'image
>>>
>>> Pour faciliter l'utilisation du filtre, l'argument de taille 
>>> (optionnel) arrive toujours en dernier, meme si on ne precise pas de 
>>> alt ou de class :
>>> `[(#FICHIER|balise_img{1024x640})]`
>>> `[(#FICHIER|balise_img{'un nuage',1024x640})]`
>>> `[(#FICHIER|balise_img{'un nuage','spip_logo',1024x640})]`
>>>
>>> Mais si jamais le alt ou la class sont ambigu et peuvent etre 
>>> interpretes comme une taille, il suffit d'indiquer une taille vide 
>>> pour lever l'ambiguite :
>>> `[(#FICHIER|balise_img{'un nuage','x2',''})]`
>>>
>>> Le filtre peut donc ainsi facilement etre utilise pour ajuster 
>>> l'affichage d'image en x2 ou x3 pour prendre en compte les ecrans 
>>> retina :
>>> `[(#FICHIER|image_reduire{400,400}|balise_img{'Mon image HD',x2})]`
>>>
>>>
>>> *Modifié*
>>> ecrire/inc/filtres.php
>>>
>>> Détails : 
>>> https://git.spip.net/spip/spip/commit/4bff8927949d6fc07c233a19467baaccea170303
>>>
>>> ==============================
>>> Par Cerdic, le 4 mars 2021 à 12h03min :
>>>
>>> Le filtre |balise_svg prend le meme fonctionnement que le filtre 
>>> |balise_img et permet de forcer la dimension de l'image avec un 
>>> dernier argument size qui accepte la meme syntaxe que pour 
>>> balise_img (`x2`, `512`, `1024x*`, `1024x640`)
>>>
>>> `[(#FICHIER|balise_svg{1024x640})]`
>>> `[(#FICHIER|balise_svg{'un nuage',1024x640})]`
>>> `[(#FICHIER|balise_svg{'un nuage','spip_logo',1024x640})]`
>>>
>>> Si le alt ou la class sont ambigu et peuvent etre interpretes comme 
>>> une taille, il suffit d'indiquer une taille vide pour lever l'ambiguite
>>> `[(#FICHIER|balise_svg{'un nuage','x2',''})]`
>>>
>>> Au passage la fonction `taille_image()` fonctionne aussi sur un SVG 
>>> inline
>>>
>>>
>>> *Modifié*
>>> ecrire/inc/filtres.php
>>>
>>> Détails : 
>>> https://git.spip.net/spip/spip/commit/89492d27eda1608acf5ea9623fb8c7fbee92b29b
>>>
>>> _______________________________________________
>>> [email protected] - 
>>> https://listes.rezo.net/mailman/listinfo/spip-commit
>>> dev: http://trac.rezo.net/trac/spip/
>> _______________________________________________
>> liste: https://listes.rezo.net/mailman/listinfo/spip-dev
>> doc: https://www.spip.net/
>> dev: https://core.spip.net/
>> irc://irc.freenode.net/spip