<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