<polygon>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Phần tử <polygon> của SVG định nghĩa một hình khép kín gồm một tập hợp các đoạn thẳng được nối với nhau. Điểm cuối cùng được nối với điểm đầu tiên.
Với các hình mở, xem phần tử <polyline>.
Ngữ cảnh sử dụng
| Categories | Basic shape element, Graphics element, Shape element |
|---|---|
| Permitted content | Any number of the following elements, in any order: Animation elements Descriptive elements |
Thuộc tính
points-
Thuộc tính này định nghĩa danh sách các điểm (các cặp tọa độ tuyệt đối
x,y) cần thiết để vẽ polygon. Kiểu giá trị: <number>+; Giá trị mặc định:""; Có thể hoạt ảnh: có pathLength-
Thuộc tính này cho phép chỉ định tổng chiều dài của path, tính theo đơn vị người dùng. Kiểu giá trị: <number>; Giá trị mặc định: không có; Có thể hoạt ảnh: có
Giao diện DOM
Phần tử này triển khai giao diện SVGPolygonElement.
Ví dụ
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
<!-- Ví dụ về một polygon với fill mặc định -->
<polygon points="0,100 50,25 50,75 100,0" />
<!-- Ví dụ về cùng hình polygon nhưng có stroke và không fill -->
<polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
</svg>
Đặc tả
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # PolygonElement |
Tương thích trình duyệt
Xem thêm
-
Thuộc tính trình bày SVG bao gồm
fillvàstroke -
Các hình cơ bản SVG khác: