Manuel de référence SVG

Élément SVG

Élément Description
<a> Créer un lien entourant l'élément SVG.
<altGlyph> Fournir un contrôle sur la police utilisée pour afficher les données de caractères spécifiques.
<altGlyphDef> Définir l'ensemble de remplacement de la police.
<altGlyphItem> Définir l'ensemble des candidats pour le remplacement de la police.
<animate> Définir comment les attributs de l'élément varient au fil du temps.
<animateMotion> Faire se déplacer l'élément cité suivant le chemin de déplacement.
<animateTransform> Animer les attributs de transformation de l'élément cible pour permettre le contrôle de l'animation de translation, d'augmentation, de rotation et/ou de décalage.
<circle> Définir un cercle.
<clipPath> Définir le chemin de coupe.
<color-profile> Spécifier la description du profil de couleur (lorsque vous utilisez CSS pour définir le style du document).
<cursor> Définir un curseur personnalisé indépendant de la plateforme.
<defs> Définir le conteneur de l'élément cité.
<desc> Définir une description de texte pure pour l'élément de conteneur ou l'élément graphique SVG.
<ellipse> Définir une ellipse.
<feBlend> Combiner deux objets ensemble suivant un certain mode de mélange.
<feColorMatrix> Filtre SVG. Application de la transformation matricielle.
<feComponentTransfer> Filtre SVG. Exécute une remappe des composants de données en fonction des composants.
<feComposite> Filtre SVG. Exécute une combinaison intelligente de pixels sur deux images d'entrée.
<feConvolveMatrix> Filtre SVG. Applique un effet de convolution matricielle.
<feDiffuseLighting> Image de lumière, utilisant le canal alpha comme carte de relief.
<feDisplacementMap> Filtre SVG. Carte de déplacement.
<feDistantLight> Filtre SVG. Définit la source de lumière.
<feFlood> Filtre SVG. Remplit l'espace du filtre.
<feFuncA> Filtre SVG. Définit une fonction de transformation pour le composant alpha (transparence) de l'image d'entrée.
<feFuncB> Filtre SVG. Définit une fonction de transformation pour la composante bleue de l'image d'entrée.
<feFuncG> Filtre SVG. Définit une fonction de transformation pour la composante verte de l'image d'entrée.
<feFuncR> Filtre SVG. Définit une fonction de transformation pour la composante rouge de l'image d'entrée.
<feGaussianBlur> Filtre SVG. Applique un flou gaussien à l'image.
<feImage> Filtre SVG. Obtient des données d'image à partir de sources externes et fournit des données de pixels en sortie.
<feMerge> Filtre SVG. Crée des couches d'images qui se superposent les unes aux autres.
<feMergeNode> Élément fils de feMerge.
<feMorphology> Filtre SVG. Exécute une « grossissement » ou un « affinage » sur la forme source.
<feOffset> Filtre SVG. Déplace l'image par rapport à la position actuelle.
<fePointLight> Filtre SVG.
<feSpecularLighting> Filtre SVG. Éclaire la forme source, utilisant le canal alpha comme carte de relief.
<feSpotLight> Élément de lumière source, utilisé dans les fichiers SVG.
<feTile> Filtre SVG. L'image d'entrée est répétée, le résultat est utilisé pour remplir l'élément cible.
<feTurbulence> Filtre SVG. Crée une image en utilisant la fonction de bruit Perlin.
<filter> Conteneur d'effet de filtre.
<font> Définit la police.
<font-face> Décrivant les caractéristiques de la police.
<font-face-format> Décrivant le type de police du parent <font-face-uri> de l'élément.
<font-face-name> Pointe vers les copies installées localement des polices, identifiées par le nom de la police.
<font-face-src> Équivalent à la propriété @font-face du CSS.
<font-face-uri> Pointer vers la police définie à distance.
<foreignObject> Permet d'inclure des éléments provenant de différentes espaces de noms XML.
<g> Utilisé pour regrouper des éléments.
<glyph> Définir la forme d'un glyph donné.
<glyphRef> Définir les glyphes qui peuvent être utilisés.
<hkern> Ajuster finement la distance horizontale entre deux caractères gravés.
<image> Définir une image.
<line> Définir une ligne.
<linearGradient> Définir une dégradation linéaire.
<marker> Définir la forme utilisée pour dessiner une flèche ou un marqueur polygone sur un élément donné.
<mask> Définir un élément de masque.
<metadata> Définir les métadonnées.
<missing-glyph> Afficher le contenu de l'élément missing-glyph si le font n'a pas de <glyph> approprié pour le caractère donné.
<mpath> Référencer un élément <path> externe comme définition de chemin de déplacement.
<path> Définir un chemin.
<pattern> Définir un motif.
<polygon> Définir un graphique composé d'au moins trois côtés.
<polyline> Définir n'importe quelle forme composée uniquement de lignes.
<radialGradient> Définir une dégradation radiale.
<rect> Définir un rectangle.
<script> Définir un conteneur de script (par exemple ECMAScript).
<set> Définir la valeur d'un attribut avec une durée spécifiée.
<stop> Point d'arrêt de la dégradation.
<style> Permet d'embedder directement des feuilles de style dans le contenu SVG.
<svg> Créer un fragment de document SVG.
<switch> Évaluer les attributs des éléments enfants directs dans l'ordre, puis traiter et présenter le premier élément évalué à true.
<symbol> Définir un objet modèle graphique qui peut être instancié avec l'élément <use>.
<text> Définir le texte.
<textPath> Placer le texte en fonction de la forme de l'élément <path>.
<title> Description de texte pure pour un élément SVG. L'agent utilisateur peut afficher le texte comme une tooltip.
<tref> Référencer n'importe quel élément <text> du document SVG et le réutiliser.
<tspan> Comme l'élément <text>, mais qui peut être imbriqué à l'intérieur de la balise <text> et dans sa propre balise.
<use> Obtenir le nœud cible dans le document SVG et les copier ailleurs.
<view> Méthode limitée pour afficher une image, comme un niveau de zoom ou une vue détaillée.
<vkern> Ajustement précis de la distance verticale entre deux caractères (glyph).