<linearGradient>
Baseline
Widely available
*
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
L'élément <linearGradient> permet de définir des dégradés linéaires, qui pourront être utilisés comme remplissage ou contour 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>, <discard>, <script>, <set>, <stop>, <style> |
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGLinearGradientElement.
Exemple
html
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="MyGradient">
<stop offset="5%" stop-color="green" />
<stop offset="95%" stop-color="gold" />
</linearGradient>
</defs>
<rect fill="url(#MyGradient)" x="10" y="10" width="100" height="100" />
</svg>
Spécifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # LinearGradientElement |
Compatibilité des navigateurs
Chargement…