ウェブアニメーション API

ウェブアニメーション API(Web Animation API) を sử うことで, ウェブページの biểu hiện を変 hóa させるの đồng kỳ やタイミング, つまり DOM yếu tố のアニメーションが khả năng です. これらはタイミングモデルおよびアニメーションモデルという 2 つのモデルの tổ み hợp わせによって thật hiện されます.

Khái niệm と lợi dụng phương pháp

ウェブアニメーション API は, DOM yếu tố のアニメーションを ký thuật する cộng thông ngôn ngữ をブラウザーと khai phát giả に đề cung します. API の bối cảnh の khái niệm や lợi dụng phương pháp についての tường しい tình báo は,ウェブアニメーション API の sử dụngをご lãm ください.

ウェブアニメーションのインターフェイス

Animation

アニメーションノードやソースの tái sinh chế ngự やタイムラインを đề cung します.KeyframeEffect()コンストラクターで tác thành されたオブジェクトを thủ ることができます.

KeyframeEffect

キーフレームと hô ばれるアニメーション khả năng なプロパティと trị の tổ み hợp わせ, およびそのタイミングオプションを ký thuật します. これはAnimation()コンストラクターを sử dụng して tái sinh することができます.

AnimationTimeline

アニメーションのタイムラインを biểu します. このインターフェイスはタイムライン cơ năng (DocumentTimelineや tương lai のタイムラインオブジェクトによって継 thừa ) を định nghĩa するために tồn tại し, これ tự thể は khai phát giả からはアクセスされません.

AnimationEvent

Thật tế には CSS アニメーションの nhất bộ です.

DocumentTimeline

アニメーションのタイムラインを biểu し, kí định の văn thư のタイムライン (Document.timelineプロパティを sử dụng してアクセス ) を hàm みます.

Tha のインターフェイスへの拡 trương

ウェブアニメーション API によってdocumentおよびelementに tân たに truy gia された cơ năng があります.

Documentインターフェイスの拡 trương

document.timeline

Kí định の văn thư タイムラインを biểu すDocumentTimelineオブジェクトです.

document.getAnimations()

documentNội で yếu tố に đối して hiện tại hữu hiệu なAnimationオブジェクトの phối liệt を phản します.

Elementインターフェイスの拡 trương

Element.animate()

Yếu tố のアニメーションを tác thành して tái sinh するショートカットメソッドです. Tác thành されたAnimationオブジェクトのインスタンスを phản します.

Element.getAnimations()

Animationオブジェクトの phối liệt で, hiện tại その yếu tố に quan liên し, tương lai の thật hành が dư định されているものを phản します.

Sĩ dạng thư

Specification
Web Animations

Quan liên tình báo