from
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.
Thuộc tính from chỉ ra giá trị ban đầu của thuộc tính sẽ được sửa đổi trong quá trình hoạt ảnh.
Khi dùng với thuộc tính to, hoạt ảnh sẽ thay đổi thuộc tính được sửa đổi từ giá trị from sang giá trị to. Khi dùng với thuộc tính by, hoạt ảnh sẽ thay đổi thuộc tính theo cách tương đối từ giá trị from theo giá trị được chỉ định trong by.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" height="100">
<animate attributeName="width" fill="freeze" from="100" to="150" dur="3s" />
</rect>
</svg>
Lưu ý sử dụng
| Giá trị | Xem bên dưới |
|---|---|
| Giá trị mặc định | Không có |
| Có thể animate | Không |
Kiểu giá trị chính xác cho thuộc tính này phụ thuộc vào giá trị của thuộc tính sẽ được animate.
Khi một danh sách giá trị được định nghĩa qua thuộc tính values, thuộc tính from sẽ bị bỏ qua.
Thông số kỹ thuật
| Specification |
|---|
| SVG Animations Level 2 # FromAttribute |