to
Thuộc tính to cho biết giá trị cuối cùng của thuộc tính sẽ được sửa đổi trong quá trình hoạt ảnh.
Giá trị của thuộc tính sẽ thay đổi giữa giá trị của thuộc tính from và giá trị này.
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" width="100" height="100">
<animate
attributeType="XML"
attributeName="width"
fill="freeze"
from="100"
to="150"
dur="3s" />
</rect>
</svg>
animate, animateMotion, animateTransform
Với <animate>, <animateMotion> và <animateTransform>, to chỉ định giá trị kết thúc của hoạt ảnh.
| Giá trị | <value> |
|---|---|
| Giá trị mặc định | None |
| Có thể hoạt ảnh | 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 hoạt ảnh hóa.
Nếu một danh sách giá trị được định nghĩa qua thuộc tính values, thuộc tính to sẽ bị bỏ qua.
set
Với phần tử <set>, to chỉ định giá trị cho thuộc tính trong suốt thời lượng của phần tử.
| Giá trị | <value> |
|---|---|
| Giá trị mặc định | None |
| Có thể hoạt ảnh | 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 hoạt ảnh hóa.
Đặc tả
| Specification |
|---|
| SVG Animations Level 2> # SetElementToAttribute> |
| SVG Animations Level 2> # ToAttribute> |