<radialGradient>
L'élément SVG
<radialGradient>
permet de définir un dégradé radial afin de dessiner un contour, ou de remplir des éléments SVG.Contexte d'utilisation
Catégories | Élément de dégradé |
---|---|
Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre: Éléments descriptifs <animate> , <animateTransform> , <set> (en-US), <stop> |
Attributs
Attributs globaux
Attributs spécifiques
DOM Interface
Cet élément implémente l'interface SVGRadialGradientElement
(en-US).
Exemple
SVG
<svg width="120" height="120" viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="exampleGradient">
<stop offset="10%" stop-color="gold"/>
<stop offset="95%" stop-color="green"/>
</radialGradient>
</defs>
<circle fill="url(#exampleGradient)" cx="60" cy="60" r="50"/>
</svg>
Résultat
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
Scalable Vector Graphics (SVG) 2 La définition de '<radialGradient>' dans cette spécification. |
Candidat au statut de recommandation | Added fr attribute |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<radialGradient>' dans cette spécification. |
Recommendation | Initial definition |
Compatibilité des navigateurs
BCD tables only load in the browser