1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
|
---
title: <polygon>
slug: Web/SVG/Element/polygon
tags:
- Element
- Referenz
- SVG
- SVG Grafik
translation_of: Web/SVG/Element/polygon
---
<div>{{SVGRef}}</div>
<p>Das <strong><code><polygon></code></strong> Element definiert eine geschlossene Form, die aus mehreren geraden Linien besteht. Der letzte Punkt wird mit dem ersten Punkt verbunden. Für geöffnete (nicht verbundene) Formen existiert das {{SVGElement("polyline")}} Element.</p>
<h2 id="Verwendung">Verwendung</h2>
<p>{{svginfo}}</p>
<h2 id="Attribute">Attribute</h2>
<h3 id="Globale_Attribute">Globale Attribute</h3>
<ul>
<li><a href="/en-US/docs/Web/SVG/Attribute#Conditional_processing_attributes">Bedingte Verarbeitungsattribute</a> »</li>
<li><a href="/en-US/docs/Web/SVG/Attribute#Core_attributes">Kernattribute</a> »</li>
<li><a href="/en-US/docs/Web/SVG/Attribute#Graphical_event_attributes">Grafische Ereignisattribute</a> »</li>
<li><a href="/en-US/docs/Web/SVG/Attribute#Presentation_attributes">Darstellungsattribute</a> »</li>
<li>{{SVGAttr("class")}}</li>
<li>{{SVGAttr("style")}}</li>
<li>{{SVGAttr("externalResourcesRequired")}}</li>
<li>{{SVGAttr("transform")}}</li>
</ul>
<h3 id="Zielgenaue_Attribute">Zielgenaue Attribute</h3>
<ul>
<li>{{SVGAttr("points")}}</li>
</ul>
<h2 id="DOM_Schnittstelle">DOM Schnittstelle</h2>
<p>Dieses Element implementiert die {{domxref("SVGPolygonElement")}} Schnittstelle.</p>
<h2 id="Beispiel">Beispiel</h2>
<h3 id="SVG">SVG</h3>
<pre class="brush: html"><svg width="120" height="120" viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<polygon points="60,20 100,40 100,80 60,100 20,80 20,40"/>
</svg></pre>
<h3 id="Ergebnis">Ergebnis</h3>
<p>{{EmbedLiveSample("Example", 120, 120)}}</p>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Spezifikation</th>
<th scope="col">Status</th>
<th scope="col">Kommentar</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('SVG2', 'shapes.html#PolygonElement', '<polygon>')}}</td>
<td>{{Spec2('SVG2')}}</td>
<td>Keine Änderung</td>
</tr>
<tr>
<td>{{SpecName('SVG1.1', 'shapes.html#PolygonElement', '<polygon>')}}</td>
<td>{{Spec2('SVG1.1')}}</td>
<td>Initiale Definition</td>
</tr>
</tbody>
</table>
<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox (Gecko)</th>
<th>IE</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Grundlegende Unterstützung</td>
<td>{{CompatChrome('1.0')}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop('1.8')}}</td>
<td>{{CompatIE('9.0')}}</td>
<td>{{CompatOpera('8.0')}}</td>
<td>{{CompatSafari('3.0.4')}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Edge</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Grundlegende Unterstützung</td>
<td>{{CompatAndroid('3.0')}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile('1.8')}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatSafari('3.0.4')}}</td>
</tr>
</tbody>
</table>
</div>
<p>Diese Tabelle basiert auf <a href="/en-US/docs/Web/SVG/Compatibility_sources">diesen Daten</a>.</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li>{{SVGElement("polyline")}}</li>
</ul>
|
