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.
centerY
- Tọa độ y của tâm bán kính.
startAngle
- Góc (tính bằng độ) để bắt đầu dải chuyển màu.
endAngle
- Góc (tính bằng độ) để kết thúc 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.
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