KeyframeEffect : méthode setKeyframes()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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
Loading…