by
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 by chỉ định một giá trị độ lệch tương đối cho một thuộc tính sẽ được sửa đổi trong quá trình hoạt ảnh.
Giá trị bắt đầu cho thuộc tính hoặc được chỉ ra bằng cách đặt nó làm giá trị cho thuộc tính được cung cấp trong attributeName hoặc trong thuộc tính from.
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 attributeName="width" fill="freeze" by="50" dur="3s" />
</rect>
</svg>
Ghi chú sử dụng
| Giá trị | Xem bên dưới |
|---|---|
| Giá trị mặc định | Không có |
| Có thể hoạt ảnh | Không |
Kiểu giá trị chính xác của thuộc tính này phụ thuộc vào giá trị của thuộc tính sẽ được hoạt ảnh.
Khi một danh sách giá trị được định nghĩa qua thuộc tính values, thuộc tính by sẽ bị bỏ qua.
Thông số kỹ thuật
| Specification |
|---|
| SVG Animations Level 2 # ByAttribute |