Obsolète
Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.
Cet élément est déprécié depuis SVG 1.1 Deuxième édition et peut etre retiré dans une prochaine version de SVG. Il ne fournis pas de fonctionnalités non disponible en utilisant l'élément <animate>. Il n'est pas implémenté dans Firefox ni dans Internet Explorer. Il est préférable d'utiliser l'élément <animate> à la place.
L'élément <animateColor> spécifie une transformation de couleur à travers le temps.
Contexte d'utilisation
| Catégories | Élément de forme basique, Élément graphique, Élément de forme |
|---|---|
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre: Éléments descriptifs |
Attributs
Attributs globaux
- Attributs à traitement conditionnel »
- Attributs fondamentaux »
- Attributs d'événements d'animation »
- Attributs XLink »
- Attributs de cible d'attribut d'animation »
- Attributs d'animation de timing »
- Attributs d'animation de valeurs »
- Attributs d'animation d'ajout »
externalResourcesRequired
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGAnimateColorElement.
Exemple
SVG
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
<circle cx="60" cy="60" r="50">
<animateColor attributeName="fill" attributeType="XML"
from="black" to="red" dur="6s" repeatCount="indefinite"/>
</circle>
</svg>
Résultat
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<animateColor>' dans cette spécification. |
Recommendation | Définition initiale |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
animateColor | Chrome Aucun support Non | Edge Aucun support Non | Firefox Aucun support Non | IE Aucun support Non | Opera Aucun support Non | Safari ? | WebView Android Aucun support Non | Chrome Android Aucun support Non | Firefox Android Aucun support Non | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
by | Chrome Aucun support Non | Edge Aucun support Non | Firefox Aucun support Non | IE Aucun support Non | Opera Aucun support Non | Safari ? | WebView Android Aucun support Non | Chrome Android Aucun support Non | Firefox Android Aucun support Non | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
from | Chrome Aucun support Non | Edge Aucun support Non | Firefox Aucun support Non | IE Aucun support Non | Opera Aucun support Non | Safari ? | WebView Android Aucun support Non | Chrome Android Aucun support Non | Firefox Android Aucun support Non | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
to | Chrome Aucun support Non | Edge Aucun support Non | Firefox Aucun support Non | IE Aucun support Non | Opera Aucun support Non | Safari ? | WebView Android Aucun support Non | Chrome Android Aucun support Non | Firefox Android Aucun support Non | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Légende
- Aucun support
- Aucun support
- Compatibilité inconnue
- Compatibilité inconnue
- Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
- Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
- Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
- Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.