From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/animation/cancel/index.html | 110 ++++++++++++++++ files/ru/web/api/animation/index.html | 190 +++++++++++++++++++++++++++ 2 files changed, 300 insertions(+) create mode 100644 files/ru/web/api/animation/cancel/index.html create mode 100644 files/ru/web/api/animation/index.html (limited to 'files/ru/web/api/animation') diff --git a/files/ru/web/api/animation/cancel/index.html b/files/ru/web/api/animation/cancel/index.html new file mode 100644 index 0000000000..b5b4d0cd4a --- /dev/null +++ b/files/ru/web/api/animation/cancel/index.html @@ -0,0 +1,110 @@ +--- +title: Animation.cancel() +slug: Web/API/Animation/cancel +translation_of: Web/API/Animation/cancel +--- +

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

+ +

Метод cancel() API Web Animation интерфейса {{domxref("Animation")}} очищает все {{domxref("KeyframeEffect")}} вызванной этой анимацией и прекращает его воспроизведение.

+ +
+

Когда анимация отменена, её {{domxref("Animation.startTime", "startTime")}} и {{domxref("Animation.currentTime", "currentTime")}} устанавливаются в null.

+
+ +

Syntax

+ +
Animation.cancel();
+ +

Parameters

+ +

None.

+ +

Return value

+ +

None.

+ +

Exceptions

+ +

Этот метод не выбрасывает напрямую исключения; однако, если {{domxref("Animation.playState", "playState")}} анимации во время отмены ничего кроме "idle", {{domxref("Animation.finished", "current finished promise", "", 1)}} отклоняется с помощью {{domxref("DOMException")}} названным AbortError.

+ +
+
+ +

Specifications

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('Web Animations', '#dom-animation-cancel', 'Animation.cancel()' )}}{{Spec2('Web Animations')}}Editor's draft.
+ +

Browser compatibility

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatChrome(39)}}{{CompatGeckoDesktop(48)}}{{CompatNo}}{{CompatOpera(26)}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroid WebviewChrome for AndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{CompatChrome(39)}}{{CompatChrome(39)}}{{CompatGeckoMobile(48)}}{{CompatNo}}{{CompatOperaMobile(26)}}{{CompatNo}}
+
+ +

See also

+ + diff --git a/files/ru/web/api/animation/index.html b/files/ru/web/api/animation/index.html new file mode 100644 index 0000000000..d1deb15f99 --- /dev/null +++ b/files/ru/web/api/animation/index.html @@ -0,0 +1,190 @@ +--- +title: Animation +slug: Web/API/Animation +translation_of: Web/API/Animation +--- +
{{ APIRef("Web Animations") }}{{SeeCompatTable}}
+ +

Animation это интерфейс Web Animations API, представляет из себя одиночный проигрыватель анимации и обеспечивает управление воспроизведением и временную шкалу для узла анимации или источника.

+ +

Конструктор

+ +
+
{{domxref("Animation.Animation()", "Animation()")}}
+
Создает новый экземпляр объекта Animation.
+
+ +

Свойства

+ +
+
{{domxref("Animation.currentTime")}}
+
Текущее значение времени анимации в миллисекундах, независимо от того работает анимация или приостановлена. Если анимация не имеет {{domxref("AnimationTimeline", "timeline")}}, неактивна или еще не воспроизведена, то это значение равно нулю.
+
+ +
+
{{domxref("Animation.effect")}}
+
Возвращает и задает {{domxref ("AnimationEffectReadOnly")}} связанный с этой анимацией. Обычно это объект {{domxref ("KeyframeEffect")}}.
+
{{domxref("Animation.finished")}} {{readOnlyInline}}
+
Возвращает текущее завершенное Promise(обещание) для этой анимации.
+
+ +
+
{{domxref("Animation.id")}}
+
Возвращает и задает String(строку), используемую для идентификации анимации.
+
{{domxref("Animation.playState")}} {{readOnlyInline}}
+
Возвращает перечисляемое значение, описывающее состояние воспроизведения анимации.
+
+ +
+
{{domxref("Animation.playbackRate")}}
+
Возвращает или задает скорость воспроизведения анимации.
+
+ +
+
{{domxref("Animation.ready")}} {{readOnlyInline}}
+
Возвращает текущее готовое Promise(обещание) для этой анимации.
+
+ +
+
{{domxref("Animation.startTime")}}
+
Возвращает или задает начало выполнения анимации.
+
+ +
+
{{domxref("Animation.timeline")}}
+
Возвращает или задает {{domxref("AnimationTimeline", "timeline")}}, связанную с этой анимации.
+
+ +

Обработчики событий

+ +
+
{{domxref("Animation.oncancel")}}
+
Возвращает и задает обработчик событий для отмены события.
+
{{domxref("Animation.onfinish")}}
+
Возвращает и задает обработчик событий для завершения события.
+
+ +

Методы

+ +
+
{{domxref("Animation.cancel()")}}
+
Очищает все {{domxref("KeyframeEffect", "keyframeEffects")}} вызванные этой анимацией и прекращает его выполнение.
+
{{domxref("animation.commitStyles()")}}
+
Фиксирует конечное состояние стиля анимации к анимируемому элементу, даже после того, как эта анимация была удалена. Это приведет к тому, что конечное состояние стиля будет записано в анимируемый элемент в виде свойств внутри атрибута стиля.
+
+ +
+
{{domxref("Animation.finish()")}}
+
Ищет конец анимации, в зависимости от того, играет ли анимация или инвертирует.
+
+ +
+
{{domxref("Animation.pause()")}}
+
Приостанавливает запущенную анимацию.
+
{{domxref("animation.persist()")}}
+
Анимация сохраняется в явном виде, когда в противном случае она была бы удалена из-за поведения браузера, которое предполагает автоматическое удаление анимаций заполнения.
+
+ +
+
{{domxref("Animation.play()")}}
+
Запускает или продолжает выполнение анимации или начинает анимацию снова, если она ранее завершилась.
+
+ +
+
{{domxref("Animation.reverse()")}}
+
Меняет направление воспроизведения, останавливаясь в начале анимации. Если анимация закончена или не запущена, то будет проигрываться с конца к началу.
+
{{domxref("Animation.updatePlaybackRate()")}}
+
Задает скорость анимации после синхронизации ее положения воспроизведения.
+
+ +

Спецификации

+ + + + + + + + + + + + + + +
СпецификацияСтатусКомментарии
{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}{{Spec2("Web Animations")}}Initial definition
+ +

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

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Microsoft EdgeInternet ExplorerOperaSafari (WebKit)
Базовая поддержка{{CompatChrome(39.0)}} [1]{{CompatGeckoDesktop(48)}}[2][3]{{CompatUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
Конструктор{{CompatNo}}{{CompatGeckoDesktop(48)}}[2][3]{{CompatUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Базовая поддержка{{CompatVersionUnknown}} [1]{{CompatGeckoMobile(48)}}[2][3]{{CompatNo}}{{CompatNo}}{{CompatNo}}
Конструктор{{CompatNo}}{{CompatGeckoMobile(48)}}[2][3]{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

[1] До Chrome 44, реализован как AnimationPlayer (название интерфейса в ранней версии спецификации).

+ +

[2] API Веб Анимации включён по умолчанию только в Firefox Developer Edition и в Nightly builds. Вы можете включить его в сборках beta и release переключив свойство dom.animations-api.core.enabled на true, и можете выключить его в любой версии Firefox переключив его на false.

+ +

[3] До Firefox 51, свойство {{domxref("Animation.effect")}} было только для чтения.

-- cgit v1.2.3-54-g00ecf