KeyframeEffect: phương thức setKeyframes()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Phương thức setKeyframes() của giao diện KeyframeEffect thay thế các keyframe tạo nên KeyframeEffect bị ảnh hưởng bằng tập hợp keyframe mới.
Cú pháp
js
setKeyframes(keyframes)
Tham số
Giá trị trả về
Không có (undefined).
Ngoại lệ
| Ngoại lệ | Giải thích |
|---|---|
TypeError |
Một hoặc nhiều frame không có đúng loại đối tượng, các keyframe không được sắp xếp lỏng lẻo theo offset, hoặc một keyframe tồn tại với offset nhỏ hơn 0 hoặc lớn hơn 1. |
Note:
Nếu các keyframe không thể được xử lý hoặc bị biến dạng, các keyframe của KeyframeEffect không bị sửa đổi.
Ví dụ
js
// passing an array of keyframe objects
existingKeyframeEffect.setKeyframes([
{ color: "blue" },
{ color: "green", left: "10px" },
]);
// passing an object with arrays for values
existingKeyframeEffect.setKeyframes({
color: ["blue", "green"],
left: ["0", "10px"],
});
// passing a single-member object
existingKeyframeEffect.setKeyframes({
color: "blue",
});
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Web Animations # dom-keyframeeffect-setkeyframes |