SVG Polygon
SVG Polygon - <Polygon>
Beispiel 1
<Polygon> -Tag wird verwendet, um Grafiken zu erstellen mindestens drei Seiten enthält.
Polygonen sind gerade Linien, wird die Form "geschlossen" (alle Linien verbunden).
Polygon aus Griechenland. "Poly" a "viele", "gon" bedeutet "Winkel".
Hier ist der SVG-Code:
Beispiele
<Polygonpunkte = "200,10 250.190 160.210"
style = "füllen: lime; Hub: lila, Schlaganfall-Breite: 1" />
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).
-Code - Analyse:
- x und y Koordinaten der Punkte Attributdefinitionen für jede Ecke des Polygons
Beispiel 2
Im folgenden Beispiel wird ein vierseitiges Polygon:
Hier ist der SVG-Code:
Beispiele
<Polygonpunkte = "220,10 300.210 170.250 123.234"
style = "füllen: lime; Hub: lila, Schlaganfall-Breite: 1" />
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).
Beispiel 3
Verwenden Sie <Polygon> Element einen Stern zu erstellen:
Hier ist der SVG-Code:
Beispiele
<Polygonpunkte = "100,10 40.180 190,60 10,60 160.180"
style = "füllen: lime; Hub: lila, Schlaganfall-Breite: 5; fill-Regel: Nicht-Null;" />
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).
Beispiel 4
Ändern Sie die Fill-Regel Attribut "evenodd":
Hier ist der SVG-Code:
Beispiele
<Polygonpunkte = "100,10 40.180 190,60 10,60 160.180"
style = "füllen: lime; Hub: lila, Schlaganfall-Breite: 5; fill-Regel: evenodd;" />
</ Svg>
Versuchen »
Für Opera Benutzer: Ansicht SVG - Datei (Rechtsklick auf die Vorschau Quelle SVG - Grafiken).