points
Das Attribut points definiert eine Liste von Punkten. Jeder Punkt wird durch ein Zahlenpaar definiert, das eine X- und Y-Koordinate im Benutzersystem darstellt. Wenn das Attribut eine ungerade Anzahl von Koordinaten enthält, wird die letzte ignoriert.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
<svg viewBox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg">
<!-- polyline is an open shape -->
<polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
<!-- polygon is a closed shape -->
<polygon
stroke="black"
fill="none"
transform="translate(100,0)"
points="50,0 21,90 98,35 2,35 79,90" />
<!--
It is usually considered best practices to separate a X and Y
coordinate with a comma and a group of coordinates by a space.
It makes things more readable for human beings.
-->
</svg>
polyline
Für <polyline> definiert points eine Liste von Punkten, von denen jeder einen Scheitelpunkt der zu zeichnenden Linie darstellt. Jeder Punkt wird durch eine X- und Y-Koordinate im Benutzersystem definiert.
Hinweis: Eine Polyline ist eine offene Form, was bedeutet, dass der letzte Punkt nicht mit dem ersten Punkt verbunden ist.
| Wert | [ <number>+ ]# |
|---|---|
| Standardwert | none |
| Animierbar | Ja |
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
<!-- polyline is an open shape -->
<polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
</svg>
polygon
Für <polygon> definiert points eine Liste von Punkten, von denen jeder einen Scheitelpunkt der zu zeichnenden Form darstellt. Jeder Punkt wird durch eine X- und Y-Koordinate im Benutzersystem definiert.
Hinweis: Ein Polygon ist eine geschlossene Form, was bedeutet, dass der letzte Punkt mit dem ersten Punkt verbunden ist.
| Wert | [ <number>+ ]# |
|---|---|
| Standardwert | none |
| Animierbar | Ja |
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
<!-- polygon is an closed shape -->
<polygon stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" />
</svg>
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # PolygonElementPointsAttribute |
| Scalable Vector Graphics (SVG) 2 # PolylineElementPointsAttribute |