<set>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
<set> SVG cung cấp một cách đặt giá trị của một thuộc tính trong một khoảng thời gian xác định.
Nó hỗ trợ mọi kiểu thuộc tính, kể cả những kiểu không thể nội suy hợp lý, như các giá trị chuỗi và boolean. Với các thuộc tính có thể nội suy hợp lý, <animate> thường được ưu tiên hơn.
Note:
Phần tử <set> không có tính cộng thêm. Các thuộc tính additive và accumulate không được phép và sẽ bị bỏ qua nếu được chỉ định.
Ngữ cảnh sử dụng
| Categories | Animation element |
|---|---|
| Permitted content | Any number of the following elements, in any order: Descriptive elements |
Thuộc tính
to-
Thuộc tính này xác định giá trị sẽ được áp dụng cho thuộc tính đích trong suốt thời lượng của hoạt ảnh. Giá trị phải khớp với các yêu cầu của thuộc tính đích. Kiểu giá trị: <anything>; Giá trị mặc định: none; Có thể hoạt ảnh: không
Giao diện DOM
Phần tử này triển khai giao diện SVGSetElement.
Ví dụ
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<style>
rect {
cursor: pointer;
}
.round {
rx: 5px;
fill: green;
}
</style>
<rect id="me" width="10" height="10">
<set attributeName="class" to="round" begin="me.click" dur="2s" />
</rect>
</svg>
Đặc tả
| Specification |
|---|
| SVG Animations Level 2 # SetElement |
Tương thích trình duyệt
Xem thêm
- thuộc tính
attributeName - Thuộc tính thời gian hoạt ảnh, bao gồm
begin,dur,end,min,max,restart,repeatCount,repeatDurvàfill. <animate>