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.
centerY
- Toạ độ y của tâm bán kính.
radius
- Phải có giá trị dương. Bán kính của vòng tròn cho dải chuyển màu.
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