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, SVGAnimateMotionElement và SVGAnimateTransformElement.
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.requiredExtensionsRead only-
Một
SVGStringListphản ánh thuộc tínhrequiredExtensionscủa phần tử đã cho. SVGAnimationElement.systemLanguageRead only-
Một
SVGStringListphản ánh thuộc tínhsystemLanguagecủa phần tử đã cho. SVGAnimationElement.targetElementRead only-
Một
SVGElementbiể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ìhrefchỉ đị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
DOMExceptionvớ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
DOMExceptionvớ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> |