L'élément SVG <stop>
définit une couleur supplémentaire dans une palette à utiliser pour un dégradé, et est contenu dans un élément <linearGradient>
ou <radialGradient>
.
Contexte d'utilisation
Catégories | Élément de dégradé |
---|---|
Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre:<animate> , <animateColor> , <set> |
Attributs
Attributs globaux
Specific attributes
DOM Interface
Cet élément implémenté l'interface SVGStopElement
.
Exemple
SVG
<svg width="160" height="95" viewBox="0 0 80 40"
xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="MyGradient">
<stop offset="5%" stop-color="#F60" />
<stop offset="95%" stop-color="#FF6" />
</linearGradient>
</defs>
<!-- Contour de la zone de dessin en noir -->
<rect fill="none" stroke="black"
x="0.5" y="0.5" width="79" height="39"/>
<!-- Le rectangle est rempli avec un dégradé linéaire -->
<rect fill="url(#MyGradient)" stroke="black" stroke-width="1"
x="10" y="10" width="60" height="20"/>
</svg>
Résultat
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
Scalable Vector Graphics (SVG) 2 La définition de '<stop>' dans cette spécification. |
Candidat au statut de recommandation | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<stop>' dans cette spécification. |
Recommendation | Définition initiale |
Compatibilité des navigateurs
BCD tables only load in the browser
Le tableau de comptabilité sur cette page est généré depuis des données structurées. Si vous souhaitez contribuer à ces données, veuillez consulter https://github.com/mdn/browser-compat-data et nous envoyer une requête d'envoi.