SVGAnimationElement

Базовая Широко поддерживается *

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

* Некоторые части этой функции могут иметь различный уровень поддержки.

Интерфейс SVGAnimationElement является базовым интерфейсом для всех интерфейсов элементов анимации: SVGAnimateElement, SVGSetElement, SVGAnimateColorElement, SVGAnimateMotionElement и SVGAnimateTransformElement.

Свойства экземпляра

Этот интерфейс также наследует свойства от родительского класса SVGElement.

SVGAnimationElement.requiredExtensions Только для чтения: Список строк SVGStringList, отражающий атрибут requiredExtensions данного элемента.
SVGAnimationElement.systemLanguage Только для чтения: Список строк SVGStringList, отражающий атрибут systemLanguage данного элемента.
SVGAnimationElement.targetElement Только для чтения: Элемент SVGElement, представляющий анимируемый элемент. Если нет целевого элемента анимации (например, потому что href указывает на неизвестный элемент), возвращаемое значение равно null.

Методы экземпляра

Этот интерфейс также наследует методы от родительского класса SVGElement.

SVGAnimationElement.getStartTime(): Возвращает число с плавающей точкой, представляющее начальное время в секундах для текущего интервала этого элемента анимации, если он существует, независимо от того, начался ли интервал. Если текущего интервала нет, выбрасывается исключение DOMException с кодом INVALID_STATE_ERR.
SVGAnimationElement.getCurrentTime(): Возвращает число с плавающей точкой, представляющее текущее время в секундах, отнесённое к нулю для данного контейнера времени.
SVGAnimationElement.getSimpleDuration(): Возвращает число с плавающей точкой, представляющее количество секунд для простого времени анимации. Если простое время анимации не определено (например, конечное время неопределено), возникает исключение DOMException с кодом NOT_SUPPORTED_ERR.
SVGAnimationElement.beginElement(): Создаёт начальное время для текущего времени. Новое начальное время добавляется в список начальных времён.
SVGAnimationElement.beginElementAt(): Создаёт начальное время для текущего времени плюс указанный смещение. Новое начальное время добавляется в список начальных времён.
SVGAnimationElement.endElement(): Создаёт конечное время для текущего времени. Новое конечное время добавляется в список конечных времён.
SVGAnimationElement.endElementAt(): Создаёт конечное время для текущего времени плюс указанный смещение. Новое конечное время добавляется в список конечных времён.

События

Подключайтесь к этим событиям, используя addEventListener() или назначив обработчик событий свойству on... этого интерфейса.

beginEvent: Срабатывает, когда локальное временное шкала элемента начинает воспроизводиться.
endEvent: Срабатывает, когда достигнута активная конечная точка анимации.
repeatEvent: Срабатывает, когда локальная временная шкала элемента повторяется. Он будет срабатывать каждый раз при повторении элемента после первого повторения.

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

Спецификация
SVG Анимации Уровень 2 # InterfaceSVGAnimationElement

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

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`SVGAnimationElement`	2	79	4	≤12.1	3	18	4	≤12.1	1	1.0	3
`beginElement`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`beginElementAt`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`beginEvent_event`	35 31–35 Свойство обработчика событий `onbegin` не поддерживается.	79	93 6–93 Свойство обработчика событий `onbegin` не поддерживается.	22 18–22 Свойство обработчика событий `onbegin` не поддерживается.	10 Свойство обработчика событий `onbegin` не поддерживается.	35 31–35 Свойство обработчика событий `onbegin` не поддерживается.	93 6–93 Свойство обработчика событий `onbegin` не поддерживается.	22 18–22 Свойство обработчика событий `onbegin` не поддерживается.	10 Свойство обработчика событий `onbegin` не поддерживается.	3.0 2.0–3.0 Свойство обработчика событий `onbegin` не поддерживается.	37 4.4.3–37 Свойство обработчика событий `onbegin` не поддерживается.
`endElement`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`endElementAt`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`endEvent_event`	35 31–35 Свойство обработчика событий `onend` не поддерживается.	79	93 6–93 Свойство обработчика событий `onend` не поддерживается.	22 18–22 Свойство обработчика событий `onend` не поддерживается.	10 Свойство обработчика событий `onend` не поддерживается.	35 31–35 Свойство обработчика событий `onend` не поддерживается.	93 6–93 Свойство обработчика событий `onend` не поддерживается.	22 18–22 Свойство обработчика событий `onend` не поддерживается.	10 Свойство обработчика событий `onend` не поддерживается.	3.0 2.0–3.0 Свойство обработчика событий `onend` не поддерживается.	37 4.4.3–37 Свойство обработчика событий `onend` не поддерживается.
`getCurrentTime`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`getSimpleDuration`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`getStartTime`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3
`repeatEvent_event`	35 31–35 Свойство обработчика событий `onrepeat` не поддерживается.	79	93 6–93 Свойство обработчика событий `onrepeat` не поддерживается.	22 18–22 Свойство обработчика событий `onrepeat` не поддерживается.	10 Свойство обработчика событий `onrepeat` не поддерживается.	35 31–35 Свойство обработчика событий `onrepeat` не поддерживается.	93 6–93 Свойство обработчика событий `onrepeat` не поддерживается.	22 18–22 Свойство обработчика событий `onrepeat` не поддерживается.	10 Свойство обработчика событий `onrepeat` не поддерживается.	3.0 2.0–3.0 Свойство обработчика событий `onrepeat` не поддерживается.	37 4.4.3–37 Свойство обработчика событий `onrepeat` не поддерживается.
`requiredExtensions`	2	79	12	≤12.1	3	18	14	≤12.1	1	1.0	3
`systemLanguage`	2	79	12	≤12.1	3	18	14	≤12.1	1	1.0	3
`targetElement`	2	79	4	≤12.1	4	18	4	≤12.1	3.2	1.0	3

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimationElement