Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
<stop>
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.
L'élémentSVG<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
Attributs
Attributs globaux
Specific attributes
DOM Interface
Cet élément implémenté l'interfaceSVGStopElement.
Exemple
SVG
html
<svg width="160" height="95" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient> <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
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # StopElement |