Dải chuyển đổi giữa hai màu toả dần ra từ một điểm gốc ở giữa.
Cú pháp
<RadialGradient centerX="float" centerY="float" radius="float" colors="argb-color argb-color" positions="float float" />
Thuộc tính
Phần tử RadialGradient
phải có các thuộc tính sau:
centerX
Toạ độ x của tâm bán kính.
Thuộc tính này có thể biến đổi.
centerY
Toạ độ y của tâm bán kính.
Thuộc tính này có thể biến đổi.
radius
Phải là số dương. Bán kính của vòng tròn cho dải chuyển màu.
Thuộc tính này có thể biến đổi.
colors
Danh sách màu được phân tách bằng dấu cách. Bạn phải chỉ định mỗi màu bằng cách sử dụng định dạng ARGB (
#ff000000
= màu đen tuyền) hoặc định dạng RGB (#000000
= màu đen).positions
Danh sách số dấu phẩy động được phân tách bằng dấu cách. Vị trí tương đối [0..1] của mỗi màu tương ứng trong thuộc tính màu. Nếu đây là một chuỗi trống, thì các màu sẽ được phân phối đồng đều dọc theo đường chuyển màu.
Phần tử bên trong
Phần tử RadialGradient
có thể chứa từ 0 đến 4 phần tử Transform
.
Đề xuất cho bạn
- Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắt
- SweepGradient
- LinearGradient
- Stroke