Web Animations API

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

API веб-анимации позволяет синхронизировать и сроки изменения представления веб-страницы, то есть анимации элементов DOM. Она делает это путем объединения двух моделей: Модель синхронизации и анимации модели.

Основные понятия и их использование

API Web Анимации обеспечивает общий язык для браузеров и разработчиков для описания анимации на элементах DOM. Чтобы получить более подробную информацию о концепциях , лежащих в API и как использовать его, прочтите Использование веб - API Animations .

Веб-интерфейсы Анимации

Анимация
Обеспечивает управления воспроизведением и временную шкалу для узла анимации или источника. Можно взять объект, созданный с помощью KeyframeEffect () конструктор.
KeyframeEffect
Описывает наборы Animatable свойств и значений, называемых  ключевыми кадрами и их параметры синхронизации Они могут затем быть воспроизведены с помощью анимация () конструктор.
AnimationTimeline
Представляет график анимации. Этот интерфейс существует, чтобы определить особенности временной шкалы (наследуемые DocumentTimeline и в будущем сроки объектов) и сама по себе не доступны разработчиками.
DocumentTimeline
Представляет анимации временные рамки, в том числе документов по умолчанию сроки в (доступ с помощью Document.timeline Свойство).
AnimationEffectTiming
Объект, содержащий временные свойства, возвращенные сроки атрибут KeyframeEffect. Он наследует свои свойства от AnimationEffectTimingReadOnly, но в не только чтение формы.
SharedKeyframeList
Представляет собой последовательность ключевых кадров , которые могут быть разделены между KeyframeEffect объектов. Используя SharedKeyframeListобъекты, несколько KeyframeEffectобъектов могут повторно использовать одни и те же ключевые кадры , не заплатив стоимость разбора их несколько раз.
AnimationEffectTimingProperties
Element.animate (), KeyframeEffectReadOnly.KeyframeEffectReadOnly () и KeyframeEffect.KeyframeEffect () все принимают необязательный словарь объект синхронизации свойств.

Расширения для других интерфейсов

API веб - анимации добавляет некоторые новые функции в документ и  элемент.

Расширения Documentинтерфейса

document.timeline
DocumentTimelineОбъект , представляющий документ по умолчанию временную шкалу.
document.getAnimations ()
Возвращает массив Анимация объектов в настоящее время действуют на элементах в document.

Расширения Elementинтерфейса

Element.animate ()
Способ быстрого доступа для создания и воспроизведения анимации на элементе. Она возвращает созданный Анимация экземпляра объекта.

Веб-анимация для чтения только интерфейсы

Следующие интерфейсы включены в спецификации для таких целей, как определение функции, используемые в нескольких других местах, или служить в качестве основы для нескольких интерфейсов, которые могут быть использованы в качестве значений одних и тех же свойств. Вы бы не напрямую использовать их в работе веб-разработки, но они могут быть интересны для авторов библиотеки, чтобы понять, как эта технология работает, так что их реализации могут быть более эффективными, или для инженеров браузеров, которые ищут более легкой ссылки, чем спецификация обеспечивает.

AnimationEffectTimingReadOnly
Словарь объект временных свойств, которые наследуются изменяемом AnimationEffectTiming интерфейс, связанный с KeyframeEffect.
AnimationEffectReadOnly
Определяет текущие и будущие "Анимационные эффекты" , как KeyframeEffect, который может быть передан Анимация объектов для воспроизведения, и KeyframeEffectReadOnly который используется KeyframeEffect (наследуется CSS Animations и Transitions ). Все значения Animation.effect имеют типов на основе AnimationEffectReadOnly.
KeyframeEffectReadOnly
Описывает наборы Animatable свойств и значений, которые могут быть воспроизведены с помощью анимация () конструктор, и которые унаследованы KeyframeEffect

Характеристики

Спецификация статус Комментарий
Unknown Неизвестно Первоначальное определение

совместимость с браузерами

Особенность Хром Firefox (Gecko) Internet Explorer опера Safari (WebKit)
Базовая поддержка (Element.animate ()) 36
 
48 (48) Нет

29
28 сзади прив

Нет
Особенность Android Android Webview Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome для Android
Базовая поддержка Нет 42 48.0 (48) Нет Нет Нет Нет 42

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: dimakozakov
 Обновлялась последний раз: dimakozakov,