From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/animation/index.html | 188 ++++++++++++++++++++++++++++++++++ 1 file changed, 188 insertions(+) create mode 100644 files/fr/web/api/animation/index.html (limited to 'files/fr/web/api/animation') diff --git a/files/fr/web/api/animation/index.html b/files/fr/web/api/animation/index.html new file mode 100644 index 0000000000..1e6d42ec28 --- /dev/null +++ b/files/fr/web/api/animation/index.html @@ -0,0 +1,188 @@ +--- +title: Animation +slug: Web/API/Animation +tags: + - API + - Animations + - Experimental + - Interface + - Reference + - Web Animations + - waapi + - web animation api +translation_of: Web/API/Animation +--- +

{{ APIRef("Web Animations API") }}{{SeeCompatTable}}

+ +

L'interface Animation de l'API Web Animations correspond à un lecteur d'animations et offre les commandes nécessaires au contrôle et à la chronologie d'un noeud ou d'une source d'animation.

+ +

Constructeur

+ +
+
{{domxref("Animation.Animation()", "Animation()")}}
+
Crée une nouvelle instance de l'objet Animation.
+
+ +

Propriétés

+ +
+
{{domxref("Animation.currentTime")}}
+
La valeur actuelle de temps de l'animation en millisecondes, que l'animation soit en pause ou en cours. Si l'animation ne possède pas de {{domxref("AnimationTimeline", "timeline")}}, est inactive ou n'a toujours pas été lancée, la valeur est null.
+
+ +
+
{{domxref("Animation.effect")}}
+
Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation.
+
{{domxref("Animation.finished")}} {{readOnlyInline}}
+
Retourne la Promise terminée en cours pour cette animation.
+
+ +
+
{{domxref("Animation.id")}}
+
Récupère et défini le String utilisé pour identifier l'animation.
+
{{domxref("Animation.playState")}} {{readOnlyInline}}
+
Retourne une valeur énumérée qui décit l'état de lecture de l'animation.
+
+ +
+
{{domxref("Animation.playbackRate")}}
+
Retourne et défini la fréquence de lecture de l'animation.
+
+ +
+
{{domxref("Animation.ready")}} {{readOnlyInline}}
+
Retourne la Promise prête en cours pour l'animation.
+
+ +
+
{{domxref("Animation.startTime")}}
+
Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer.
+
+ +
+
{{domxref("Animation.timeline")}}
+
Retourne et défini la {{domxref("AnimationTimeline", "timeline")}} associée à cette animation.
+
+ +

Gestionnaire d'événements

+ +
+
{{domxref("Animation.oncancel")}}
+
Retourne et défini le gestionnaire d'événement pour l'événement cancel (annuler).
+
{{domxref("Animation.onfinish")}}
+
Retourne et défini le gestionnaire d'événement pour l'événement finish (terminer).
+
+ +

Méthodes

+ +
+
{{domxref("Animation.cancel()")}}
+
Supprime toutes les {{domxref("KeyframeEffect", "keyframeEffects")}} dues à cette animation et interomp la lecture.
+
+ +
+
{{domxref("Animation.finish()")}}
+
Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée.
+
+ +
+
{{domxref("Animation.pause()")}}
+
Suspend la lecture de l'animation.
+
+ +
+
{{domxref("Animation.play()")}}
+
Démarre ou reprend la lecture de l'animation, ou redémarre l'animation au début si celle-ci est déjà terminée.
+
+ +
+
{{domxref("Animation.reverse()")}}
+
Inverse la direction de lecture, en s'arrêtant au début de l'animation. Si l'animation est terminée ou annulée, elle sera jouée de la fin vers le début.
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationÉtatCommentaire
{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}{{Spec2("Web Animations")}}Définition initiale
+ +

Compatibilité des navigateurs

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Support simple{{CompatChrome(39.0)}} [1]{{CompatGeckoDesktop(48)}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
effet, ligne temporelle, terminée, prête{{CompatNo}}{{CompatNo}}   
Constructeur{{CompatNo}}{{CompatGeckoDesktop(48)}}   
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Support simple{{CompatVersionUnknown}} [1]{{CompatGeckoMobile(48)}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

[1] Les version précédent Chomme 44 implémente AnimationPlayer (le nom de l'interface dans la version précédente de cette spécification).

+ +

 

-- cgit v1.2.3-54-g00ecf