<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

Voir aussi

<linearGradient>