SVG <đa tuyến>
SVG Polyline - <đa tuyến>
Phần tử <polyline>
được sử dụng để tạo bất kỳ hình dạng nào chỉ bao gồm các đường thẳng (được kết nối tại một số điểm).
Phần tử <polyline>
có một thuộc tính cơ bản xác định các điểm của polyline:
Attribute | Description |
---|---|
points | Required. The list of points of the polyline. Each point must contain an x coordinate and a y coordinate |
Một ví dụ đa tuyến
Ví dụ sau đây tạo một đường đa tuyến:
Đây là mã SVG:
Ví dụ
<svg height="210" width="500" xmlns="https://www.w3.org/2000/svg">
<polyline points="0,0 50,150 100,75 150,50 200,140 250,140"
style="fill:none;stroke:green;stroke-width:3" />
</svg>
Hãy tự mình thử »Giải thích mã:
- Thuộc tính
points
xác định danh sách các điểm (cặp tọa độ x và y) cần thiết để vẽ đa tuyến
Một ví dụ đa tuyến khác
Một ví dụ khác chỉ có các đường thẳng:
Đây là mã SVG:
Ví dụ
<svg height="180" width="500" xmlns="https://www.w3.org/2000/svg">
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
style="fill:yellow;stroke:red;stroke-width:4" />
</svg>
Hãy tự mình thử »