Nét vẽ xác định kiểu hình thức của đường thẳng hoặc đường viền.
Cú pháp
<Stroke color="argb-color" thickness="float" dashIntervals="string" dashPhase="string" cap="BUTT | ROUND | SQUARE" > <!-- Only the most common inner element is shown here. --> <LinearGradient /> ... <Stroke />
Thuộc tính
Phần tử Stroke
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:
color
- Màu của nét vẽ. Bạn phải chỉ định 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). thickness
Độ dày của nét vẽ được biểu diễn dưới dạng kích thước bằng một số thực.
Thuộc tính này có thể biến đổi.
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:
dashIntervals
,dashPhase
dashIntervals
là một chuỗi giá trị được phân tách bằng dấu cách, mô tả các dấu gạch ngang ngắt quãng. Số lượng dấu gạch ngang ngắt quãng được đặt phải là số chẵn, trong đó chỉ số chẵn chỉ định khoảng "bật" và chỉ số lẻ chỉ định khoảng "tắt".dashPhase
là một giá trị bù trừ cho mảng ngắt quãng (lấy số dư của tổng tất cả các lần ngắt quãng). Giá trị mặc định là "0". Các thuộc tính này được dùng để tạoDashPathEffect
.cap
Xác định hình dạng cạnh của nét vẽ. Sau đây là các giá trị được hỗ trợ:
BUTT
làm cho nét vẽ kết thúc cùng với đường và không tràn ra ngoài đường đó.ROUND
khiến nét vẽ nhô ra dưới dạng hình bán nguyệt với tâm ở cuối đường.SQUARE
làm cho nét vẽ có dạng hình vuông, với tâm nằm ở cuối đường dẫn.
Phần tử bên trong
Phần tử Stroke
có thể chứa các phần tử sau:
Đề xuất cho bạn
- Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắt
- Stroke
- Fill
- WeightedStroke