SVGAnimationElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

* Some parts of this feature may have varying levels of support.

Giao diện SVGAnimationElement là giao diện cơ sở cho tất cả các giao diện phần tử hoạt hình: SVGAnimateElement, SVGSetElement, SVGAnimateColorElement, SVGAnimateMotionElementSVGAnimateTransformElement.

EventTarget Node Element SVGElement SVGAnimationElement

Thuộc tính phiên bản

Giao diện này cũng kế thừa các thuộc tính từ cha của nó, SVGElement.

SVGAnimationElement.requiredExtensions Read only

Một SVGStringList phản ánh thuộc tính requiredExtensions của phần tử đã cho.

SVGAnimationElement.systemLanguage Read only

Một SVGStringList phản ánh thuộc tính systemLanguage của phần tử đã cho.

SVGAnimationElement.targetElement Read only

Một SVGElement biểu thị phần tử đang được tạo hoạt hình. Nếu không có phần tử đích nào đang được tạo hoạt hình (ví dụ: vì href chỉ định một phần tử không xác định), giá trị trả về là null.

Phương thức phiên bản

Giao diện này cũng kế thừa các phương thức từ cha của nó, SVGElement.

SVGAnimationElement.getStartTime()

Trả về một số thực biểu thị thời gian bắt đầu, tính bằng giây, cho khoảng hiện tại của phần tử hoạt hình này, nếu nó tồn tại, bất kể khoảng đó đã bắt đầu hay chưa. Nếu không có khoảng hiện tại, một DOMException với mã INVALID_STATE_ERR được ném ra.

SVGAnimationElement.getCurrentTime()

Trả về một số thực biểu thị thời gian hiện tại tính bằng giây so với thời điểm không của vùng chứa thời gian đã cho.

SVGAnimationElement.getSimpleDuration()

Trả về một số thực biểu thị số giây cho thời lượng đơn giản của hoạt hình này. Nếu thời lượng đơn giản không xác định (ví dụ: thời gian kết thúc là vô hạn), một DOMException với mã NOT_SUPPORTED_ERR được ném ra.

SVGAnimationElement.beginElement()

Tạo một thời điểm bắt đầu cho thời gian hiện tại. Thời điểm mới được thêm vào danh sách thời điểm bắt đầu. Hành vi của phương thức này tương đương với beginElementAt(0).

SVGAnimationElement.beginElementAt()

Tạo một thời điểm bắt đầu cho thời gian hiện tại cộng với độ lệch đã chỉ định. Thời điểm mới được thêm vào danh sách thời điểm bắt đầu.

SVGAnimationElement.endElement()

Tạo một thời điểm kết thúc cho thời gian hiện tại. Thời điểm mới được thêm vào danh sách thời điểm kết thúc. Hành vi của phương thức này tương đương với endElementAt(0).

SVGAnimationElement.endElementAt()

Tạo một thời điểm kết thúc cho thời gian hiện tại cộng với độ lệch đã chỉ định. Thời điểm mới được thêm vào danh sách thời điểm kết thúc.

Sự kiện

Lắng nghe các sự kiện này bằng cách sử dụng addEventListener() hoặc bằng cách gán trình xử lý sự kiện cho thuộc tính trình xử lý on... của giao diện này.

beginEvent

Được kích hoạt khi dòng thời gian cục bộ của phần tử bắt đầu phát.

endEvent

Được kích hoạt khi đạt đến phần cuối hoạt động của hoạt hình.

repeatEvent

Được kích hoạt khi dòng thời gian cục bộ của phần tử lặp lại. Nó sẽ được kích hoạt mỗi lần phần tử lặp lại, sau lần lặp đầu tiên.

Thông số kỹ thuật

Specification
SVG Animations Level 2
# InterfaceSVGAnimationElement

Tương thích trình duyệt