SVG/Elemente/polygon
Das polygon-Element definiert ein Polygon (Vieleck). Es besitzt wie die Polylinie eine Punktemenge, die ein Objekt beschreibt. Bei einem Polygonzug wird jedoch der Startpunkt nicht mit dem Endpunkt dieser Menge verknüpft, während dies bei einem Polygon der Fall ist.
<polygon id="eins" points="100,10 150,190 50,190"/>
<polygon id="zwei" points="300,10 350,190 300,170 250,190" />
- Punkte dürfen aus positiven und negativen Zahlen bestehen.
- Trennzeichen einer Dezimalzahl ist grundsätzlich der Punkt.
- Die einzelnen Koordinaten werden durch ein Komma oder ein Whitespace-Zeichen voneinander getrennt.
Mit den polyline- und polygon-Elementen legen Sie Fixpunkte fest. Wenn Sie die Form anschließend verschieben wollen, müssen Sie entweder alle Punkte ändern oder eine Transformation ausführen.
Deshalb verwende ich lieber das path-Element. Hier können Sie Punkte relativ festlegen. Falls Sie die Form anschließend verschieben wollen, müssen Sie nur die Anfangskoordinaten im MoveTo-Kommando ändern.
--Matthias Scharwies (Diskussion) 07:55, 11. Jan. 2020 (CET)Siehe auch
Weblinks
- W3C: PolygonElement
Syntax | Start-Tag: notwendig End-Tag: ggf. notwendig <polygon /> |
---|---|
Elternelemente | Darf vorkommen in:
jedem Element, das fließenden Inhalt erlaubt. |
erlaubte Inhalte |
Attribut: Pflichtattribut
Attribut: optionales Attribut