KeyframeEffect : méthode setKeyframes()
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 2020.
La méthode setKeyframes() de l'interface KeyframeEffect remplace les images clés qui composent le KeyframeEffect concerné par un nouvel ensemble d'images clés.
Syntaxe
js
setKeyframes(keyframes)
Paramètres
Valeur de retour
Aucune (undefined).
Exceptions
| Exception | Explication |
|---|---|
TypeError |
Une ou plusieurs des images clés n'étaient pas du bon type d'objet, les images clés n'étaient pas grossièrement triées par décalage (angl.), ou une image clé existait avec un décalage inférieur à 0 ou supérieur à 1. |
Note :
Si les images clés ne peuvent pas être traitées ou sont mal formées, les images clés du KeyframeEffect ne sont pas modifiées.
Exemples
js
// passage d'un tableau d'objets image-clé
existingKeyframeEffect.setKeyframes([
{ color: "blue" },
{ color: "green", left: "10px" },
]);
// passage d'un objet avec des tableaux pour les valeurs
existingKeyframeEffect.setKeyframes({
color: ["blue", "green"],
left: ["0", "10px"],
});
// passage d'un objet à un seul membre
existingKeyframeEffect.setKeyframes({
color: "blue",
});
Spécifications
| Specification |
|---|
| Web Animations # dom-keyframeeffect-setkeyframes |
Compatibilité des navigateurs
Chargement…