SVG <polygon>

<polygon>-tag wordt gebruikt om een figuur met ten minste drie zijden te maken.

<polygon>-tag

<polygon>-tag wordt gebruikt om een figuur met ten minste drie zijden te maken.

Kopieer het volgende code naar een notitieboekje en sla het bestand op als "polygon1.svg". Plaats dit bestand in uw webdirectory:

<?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>

Code Verklaring:

De points eigenschap definieert de x- en y-coordinaten van elke hoek van het veelhoek

Bekijk Voorbeeld

Het volgende voorbeeld maakt een vierkant:

<?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>

Bekijk Voorbeeld