SVG <polygon>

Thẻ <polygon> được sử dụng để tạo hình ảnh có ít nhất ba cạnh.

Thẻ <polygon>

Thẻ <polygon> được sử dụng để tạo hình ảnh có ít nhất ba cạnh.

Vui lòng sao chép mã dưới đây vào Notepad, sau đó lưu tệp dưới tên "polygon1.svg". Đặt tệp này vào thư mục web của bạn:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<polygon points="220,100 300,210 170,250"}
style="fill:#cccccc;
stroke:#000000;stroke-width:1"/>
</svg>

Giải thích mã:

Thuộc tính points xác định tọa độ x và y của mỗi góc của đa giác

Xem ví dụ

Ví dụ dưới đây tạo ra một hình chữ nhật:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<polygon points="220,100 300,210 170,250 123,234"
style="fill:#cccccc;
stroke:#000000;stroke-width:1"/>
</svg>

Xem ví dụ