KeyframeEffect : méthode setKeyframes()

Baseline Large disponibilité

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.

Dans cet article

Syntaxe

setKeyframes(keyframes)

Paramètres

keyframes

Un objet d'image clé (keyframe) ou null. Si défini sur null, les images clés sont remplacées par une séquence d'images clés vides.

Plus d'informations sur le format d'un objet image-clé.

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",
});