|balise_svg

Le filtre |balise_svg permet d’intégrer le code d’une image svg dans le HTML, afin de l’afficher.

  • Apparu en : SPIP 3.2

Depuis SPIP 4.0, la balise |balise_img prends en charge les images svg. Les fichiers SVG sont alors référencés en tant que valeur de l’attribut src d’une balise img.

Le filtre |balise_svg permet, quant à lui, d’insérer directement dans le HTML le contenu du fichier SVG, avec ou sans attribut alt selon les bonnes pratiques [1].

Ce sera utile pour de petites icônes, ou lorsqu’on veut bénéficier des attributs title définis à l’intérieur du SVG.

Paramètres optionnels

Ce sont les mêmes que ceux du filtre |balise_img (voir les détails) :

  • alt texte alternatif ; une valeur nulle pour explicitement ne pas avoir de balise alt sur l’image (au lieu d’un alt vide)
  • class null par defaut
  • size permettant de spécifier la taille du rendu - à partir de SPIP 4.0.
[(#CHEMIN{img/trash.svg}|balise_svg{<:auted:supprimer_modele_autorisation:>, icone_svg, 24x24})]

produira le tag :

<svg width="24" height="24" version="1.1" viewBox="0 0 59.429 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" focusable="false" class="icone_svg" role="img" aria-labelledby="img-svg-title-9ad2">
    <title id="img-svg-title-9ad2">Supprimer ce modèle d'autorisation</title>
    <path d="m6.8571 ...13.714z" stroke-width=".7619"></path>
</svg>

.

Voir aussi : Recommandations pour les icônes SVG utilisées dans l’interface SPIP

Auteur JLuc, pierre kuhn Publié le : Mis à jour : 11/04/22