diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
| commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
| tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/animation | |
| parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
| download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip | |
convert content to md
Diffstat (limited to 'files/fr/web/api/animation')
| -rw-r--r-- | files/fr/web/api/animation/index.md | 197 | ||||
| -rw-r--r-- | files/fr/web/api/animation/starttime/index.md | 29 |
2 files changed, 101 insertions, 125 deletions
diff --git a/files/fr/web/api/animation/index.md b/files/fr/web/api/animation/index.md index d2a3f61044..d8e34a9cdb 100644 --- a/files/fr/web/api/animation/index.md +++ b/files/fr/web/api/animation/index.md @@ -12,111 +12,92 @@ tags: - web animation api translation_of: Web/API/Animation --- -<p>{{ APIRef("Web Animations API") }}{{SeeCompatTable}}</p> - -<p>L'interface <strong><code>Animation</code></strong> de <a href="/en-US/docs/Web/API/Web_Animations_API">l'API Web Animations</a> 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.</p> - -<h2 id="Constructeur">Constructeur</h2> - -<dl> - <dt>{{domxref("Animation.Animation()", "Animation()")}}</dt> - <dd>Crée une nouvelle instance de l'objet <code>Animation</code>.</dd> -</dl> - -<h2 id="Propriétés">Propriétés</h2> - -<dl> - <dt>{{domxref("Animation.currentTime")}}</dt> - <dd>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 <code>null</code>.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.effect")}}</dt> - <dd>Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation.</dd> - <dt>{{domxref("Animation.finished")}} {{readOnlyInline}}</dt> - <dd>Retourne la <code>Promise </code>terminée en cours pour cette animation.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.id")}}</dt> - <dd>Récupère et défini le <code>String</code> utilisé pour identifier l'animation.</dd> - <dt>{{domxref("Animation.playState")}} {{readOnlyInline}}</dt> - <dd>Retourne une valeur énumérée qui décit l'état de lecture de l'animation.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.playbackRate")}}</dt> - <dd>Retourne et défini la fréquence de lecture de l'animation.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.ready")}} {{readOnlyInline}}</dt> - <dd>Retourne la <code>Promise </code>prête en cours pour l'animation.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.startTime")}}</dt> - <dd>Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.timeline")}}</dt> - <dd>Retourne et défini la {{domxref("AnimationTimeline", "timeline")}} associée à cette animation.</dd> -</dl> - -<h3 id="Gestionnaire_d'événements">Gestionnaire d'événements</h3> - -<dl> - <dt>{{domxref("Animation.oncancel")}}</dt> - <dd>Retourne et défini le gestionnaire d'événement pour l'événement <code>cancel </code>(annuler).</dd> - <dt>{{domxref("Animation.onfinish")}}</dt> - <dd>Retourne et défini le gestionnaire d'événement pour l'événement <code>finish</code> (terminer).</dd> -</dl> - -<h2 id="Méthodes">Méthodes</h2> - -<dl> - <dt>{{domxref("Animation.cancel()")}}</dt> - <dd>Supprime toutes les {{domxref("KeyframeEffect", "keyframeEffects")}} dues à cette animation et interomp la lecture.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.finish()")}}</dt> - <dd>Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.pause()")}}</dt> - <dd>Suspend la lecture de l'animation.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.play()")}}</dt> - <dd>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.</dd> -</dl> - -<dl> - <dt>{{domxref("Animation.reverse()")}}</dt> - <dd>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.</dd> -</dl> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}</td> - <td>{{Spec2("Web Animations")}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.Animation")}}</p>
\ No newline at end of file +{{ APIRef("Web Animations API") }}{{SeeCompatTable}} + +L'interface **`Animation`** de [l'API Web Animations](/en-US/docs/Web/API/Web_Animations_API) 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 | État | Commentaire | +| ------------------------------------------------------------------------------------------------ | ------------------------------------ | ------------------- | +| {{SpecName("Web Animations", "#the-animation-interface", "Animation")}} | {{Spec2("Web Animations")}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("api.Animation")}} diff --git a/files/fr/web/api/animation/starttime/index.md b/files/fr/web/api/animation/starttime/index.md index 48d8361bf8..9ea48fff52 100644 --- a/files/fr/web/api/animation/starttime/index.md +++ b/files/fr/web/api/animation/starttime/index.md @@ -11,30 +11,25 @@ tags: translation_of: Web/API/Window/mozAnimationStartTime original_slug: Web/API/Window/mozAnimationStartTime --- -<p>{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}}</p> +{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}} -<p>Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, <code><a href="/en/JavaScript/Reference/Global_Objects/Date/now">Date.now()</a></code>, car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres.</p> +Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, [`Date.now()`](/en/JavaScript/Reference/Global_Objects/Date/now), car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres. -<p>Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation.</p> +Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation. -<h2 id="Syntax">Syntaxe</h2> +## Syntaxe -<pre class="eval"><em>time</em> = window.mozAnimationStartTime; -</pre> + time = window.mozAnimationStartTime; -<h3 id="Parameters">Paramètres</h3> +### Paramètres -<ul> - <li><em><code>time</code></em> est le temps en millisecondes depuis l'époque à laquelle les animations de la fenêtre actuelle doivent être considérées comme ayant démarré.</li> -</ul> +- _`time`_ est le temps en millisecondes depuis l'époque à laquelle les animations de la fenêtre actuelle doivent être considérées comme ayant démarré. -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.Window.mozAnimationStartTime")}}</p> +{{Compat("api.Window.mozAnimationStartTime")}} -<h2 id="Voir_également">Voir également</h2> +## Voir également -<ul> - <li>{{domxref("window.mozRequestAnimationFrame()")}}</li> - <li>{{domxref("window.onmozbeforepaint")}}</li> -</ul> +- {{domxref("window.mozRequestAnimationFrame()")}} +- {{domxref("window.onmozbeforepaint")}} |
