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/ja/web/api/animation/index.html | 119 ++++++++++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 files/ja/web/api/animation/index.html (limited to 'files/ja/web/api/animation/index.html') diff --git a/files/ja/web/api/animation/index.html b/files/ja/web/api/animation/index.html new file mode 100644 index 0000000000..c4125a26e6 --- /dev/null +++ b/files/ja/web/api/animation/index.html @@ -0,0 +1,119 @@ +--- +title: Animation +slug: Web/API/Animation +translation_of: Web/API/Animation +--- +
{{ APIRef("ウェブアニメーション") }}{{SeeCompatTable}}
+ +

ウェブアニメーション API における Animation インターフェースは単一のアニメーションプレーヤーを表し、アニメーションノードやソースに対する再生制御やタイムラインを提供します。

+ +

コンストラクタ

+ +
+
{{domxref("Animation.Animation()", "Animation()")}}
+
新たに Animation オブジェクトのインスタンスを生成します。
+
+ +

プロパティ

+ +
+
{{domxref("Animation.currentTime")}}
+
再生中か停止中かに関わらずアニメーションの現在時間をミリ秒で表します。もしアニメーションに {{domxref("AnimationTimeline", "timeline")}} が無い、またはアニメーションが有効では無かったりまだ再生させていない場合、この値は null となります。
+
+ +
+
{{domxref("Animation.effect")}}
+
対象のアニメーションに紐付いた {{domxref("AnimationEffectReadOnly")}} の取得および設定を行います。このプロパティ値は通常 {{domxref("KeyframeEffect")}} オブジェクトになります。
+
{{domxref("Animation.finished")}} {{readOnlyInline}}
+
対象アニメーションの終了時に Promise を返します。
+
+ +
+
{{domxref("Animation.id")}}
+
アニメーションを識別するための String の取得および設定を行います。
+
{{domxref("Animation.pending")}} {{readonlyinline}}
+
アニメーションが再生の初期化や再生停止といった非同期処理のため現在待ち状態にあるかどうかを示します。
+
{{domxref("Animation.playState")}} {{readOnlyInline}}
+
アニメーションの再生状況を示す列挙型の値を返します。
+
+ +
+
{{domxref("Animation.playbackRate")}}
+
アニメーションの再生速度の取得および設定をします。
+
+ +
+
{{domxref("Animation.ready")}} {{readOnlyInline}}
+
対象アニメーションの再生準備ができた時点で Promise を返します。
+
+ +
+
{{domxref("Animation.startTime")}}
+
アニメーションが再生される所定時間の取得および設定を行います。
+
+ +
+
{{domxref("Animation.timeline")}}
+
対象のアニメーションに紐づいた {{domxref("AnimationTimeline", "timeline")}} の取得および設定を行います。
+
+ +

イベントハンドラ

+ +
+
{{domxref("Animation.oncancel")}}
+
cancel イベントのイベントハンドラーの取得および設定を行います。
+
{{domxref("Animation.onfinish")}}
+
finish イベントのイベントハンドラーの取得および設定を行います。
+
+ +

メソッド

+ +
+
{{domxref("Animation.cancel()")}}
+
対象アニメーションによる全ての {{domxref("KeyframeEffect", "keyframeEffects")}} を消去し、再生を中断します。
+
+ +
+
{{domxref("Animation.finish()")}}
+
アニメーションが通常再生中の場合は終了を、逆再生中の場合は開始時点を設定します。
+
+ +
+
{{domxref("Animation.pause()")}}
+
再生中のアニメーションを一時停止します。
+
+ +
+
{{domxref("Animation.play()")}}
+
アニメーションを再生もしくは再開します。既に終了しているアニメーションについては再度再生を行います。
+
+ +
+
{{domxref("Animation.reverse()")}}
+
アニメーションを逆再生し、開始時点で終了します。アニメーションが終了しているまたは未再生の場合は終わりから最初まで再生します。
+
{{domxref("Animation.updatePlaybackRate()")}}
+
対象アニメーション再生位置を同期後、アニメーションの再生速度を設定します。
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}{{Spec2("Web Animations")}}初期定義
+ +

ブラウザ実装状況

+ + + +

{{Compat("api.Animation")}}

-- cgit v1.2.3-54-g00ecf