Dải chuyển đổi giữa hai màu, từ góc bắt đầu đến góc kết thúc.
Cú pháp
<SweepGradient centerX="float" centerY="float" startAngle="float" endAngle="float" colors="argb-color argb-color" positions="float float" />
Thuộc tính
Phần tử SweepGradient
có các thuộc tính như sau:
Thuộc tính bắt buộc
Các thuộc tính sau đây là bắt buộc:
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.
startAngle
Góc (tính bằng độ) để bắt đầu dải chuyển màu.
Thuộc tính này có thể biến đổi.
endAngle
Góc (tính bằng độ) để kết thúc 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.
Thuộc tính không bắt buộc
Các thuộc tính sau đây là không bắt buộc:
direction
- Hướng quét.
CLOCKWISE
hoặcCOUNTER_CLOCKWISE
. Giá trị mặc định làCLOCKWISE
.
Phần tử bên trong
Phần tử SweepGradient
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
- TextCircular
- TextCircular
- Arc