SVG – Learning by Coding
1: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
2: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
3: "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
4: <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
5: ]>
6:
7: <!-- SVG - Learning by Coding - http://www.datenverdrahten.de/svglbc/ -->
8: <!-- Author: Dr. Thomas Meinike 02/03 - thomas@handmadecode.de -->
9:
10: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
11: onload="getSVGDoc(evt)" onzoom="ZoomControl()">
12:
13: <title>SVG - Learning by Coding</title>
14: <desc>SVG-Spezifikation in Beispielen</desc>
15:
16: <defs>
17:
18: <style type="text/css">
19: <![CDATA[
20:
21: *
22: {
23: font-family: sans-serif;
24: font-size: 12px;
25: }
26:
27: ]]>
28: </style>
29:
30: <script xlink:href="tooltip.js" type="text/javascript"/>
31:
32: </defs>
33:
34: <text x="20" y="25" style="fill: #000; font-size: 24px">Farbnamen in SVG</text>
35:
36: <rect x="10" y="40" height="10" width="10" style="fill: aliceblue"
37: onmouseover="ShowTooltip(evt,'rgb(240,248,255)')" onmouseout="HideTooltip()"/>
38: <text x="25" y="50">aliceblue</text>
39: <rect x="10" y="60" height="10" width="10" style="fill: antiquewhite"
40: onmouseover="ShowTooltip(evt,'rgb(250,235,215)')" onmouseout="HideTooltip()"/>
41: <text x="25" y="70">antiquewhite</text>
42: <rect x="10" y="80" height="10" width="10" style="fill: aqua"
43: onmouseover="ShowTooltip(evt,'rgb(0,255,255)')" onmouseout="HideTooltip()"/>
44: <text x="25" y="90">aqua</text>
45: <rect x="10" y="100" height="10" width="10" style="fill: aquamarine"
46: onmouseover="ShowTooltip(evt,'rgb(127,255,212)')" onmouseout="HideTooltip()"/>
47: <text x="25" y="110">aquamarine</text>
48: <rect x="10" y="120" height="10" width="10" style="fill: azure"
49: onmouseover="ShowTooltip(evt,'rgb(240,255,255)')" onmouseout="HideTooltip()"/>
50: <text x="25" y="130">azure</text>
51: <rect x="10" y="140" height="10" width="10" style="fill: beige"
52: onmouseover="ShowTooltip(evt,'rgb(245,245,220)')" onmouseout="HideTooltip()"/>
53: <text x="25" y="150">beige</text>
54: <rect x="10" y="160" height="10" width="10" style="fill: bisque"
55: onmouseover="ShowTooltip(evt,'rgb(255,228,196)')" onmouseout="HideTooltip()"/>
56: <text x="25" y="170">bisque</text>
57: <rect x="10" y="180" height="10" width="10" style="fill: black"
58: onmouseover="ShowTooltip(evt,'rgb(0,0,0)')" onmouseout="HideTooltip()"/>
59: <text x="25" y="190">black</text>
60: <rect x="10" y="200" height="10" width="10" style="fill: blanchedalmond"
61: onmouseover="ShowTooltip(evt,'rgb(255,235,205)')" onmouseout="HideTooltip()"/>
62: <text x="25" y="210">blanchedalmond</text>
63: <rect x="10" y="220" height="10" width="10" style="fill: blue"
64: onmouseover="ShowTooltip(evt,'rgb(0,0,255)')" onmouseout="HideTooltip()"/>
65: <text x="25" y="230">blue</text>
66: <rect x="10" y="240" height="10" width="10" style="fill: blueviolet"
67: onmouseover="ShowTooltip(evt,'rgb(138,43,226)')" onmouseout="HideTooltip()"/>
68: <text x="25" y="250">blueviolet</text>
69: <rect x="10" y="260" height="10" width="10" style="fill: brown"
70: onmouseover="ShowTooltip(evt,'rgb(165,42,42)')" onmouseout="HideTooltip()"/>
71: <text x="25" y="270">brown</text>
72: <rect x="10" y="280" height="10" width="10" style="fill: burlywood"
73: onmouseover="ShowTooltip(evt,'rgb(222,184,135)')" onmouseout="HideTooltip()"/>
74: <text x="25" y="290">burlywood</text>
75: <rect x="10" y="300" height="10" width="10" style="fill: cadetblue"
76: onmouseover="ShowTooltip(evt,'rgb(95,158,160)')" onmouseout="HideTooltip()"/>
77: <text x="25" y="310">cadetblue</text>
78: <rect x="10" y="320" height="10" width="10" style="fill: chartreuse"
79: onmouseover="ShowTooltip(evt,'rgb(127,255,0)')" onmouseout="HideTooltip()"/>
80: <text x="25" y="330">chartreuse</text>
81: <rect x="10" y="340" height="10" width="10" style="fill: chocolate"
82: onmouseover="ShowTooltip(evt,'rgb(210,105,30)')" onmouseout="HideTooltip()"/>
83: <text x="25" y="350">chocolate</text>
84: <rect x="10" y="360" height="10" width="10" style="fill: coral"
85: onmouseover="ShowTooltip(evt,'rgb(255,127,80)')" onmouseout="HideTooltip()"/>
86: <text x="25" y="370">coral</text>
87: <rect x="10" y="380" height="10" width="10" style="fill: cornflowerblue"
88: onmouseover="ShowTooltip(evt,'rgb(100,149,237)')" onmouseout="HideTooltip()"/>
89: <text x="25" y="390">cornflowerblue</text>
90: <rect x="10" y="400" height="10" width="10" style="fill: cornsilk"
91: onmouseover="ShowTooltip(evt,'rgb(255,248,220)')" onmouseout="HideTooltip()"/>
92: <text x="25" y="410">cornsilk</text>
93: <rect x="10" y="420" height="10" width="10" style="fill: crimson"
94: onmouseover="ShowTooltip(evt,'rgb(220,20,60)')" onmouseout="HideTooltip()"/>
95: <text x="25" y="430">crimson</text>
96: <rect x="10" y="440" height="10" width="10" style="fill: cyan"
97: onmouseover="ShowTooltip(evt,'rgb(0,255,255)')" onmouseout="HideTooltip()"/>
98: <text x="25" y="450">cyan</text>
99: <rect x="10" y="460" height="10" width="10" style="fill: darkblue"
100: onmouseover="ShowTooltip(evt,'rgb(0,0,139)')" onmouseout="HideTooltip()"/>
101: <text x="25" y="470">darkblue</text>
102: <rect x="10" y="480" height="10" width="10" style="fill: darkcyan"
103: onmouseover="ShowTooltip(evt,'rgb(0,139,139)')" onmouseout="HideTooltip()"/>
104: <text x="25" y="490">darkcyan</text>
105: <rect x="10" y="500" height="10" width="10" style="fill: darkgoldenrod"
106: onmouseover="ShowTooltip(evt,'rgb(184,134,11)')" onmouseout="HideTooltip()"/>
107: <text x="25" y="510">darkgoldenrod</text>
108: <rect x="10" y="520" height="10" width="10" style="fill: darkgray"
109: onmouseover="ShowTooltip(evt,'rgb(169,169,169)')" onmouseout="HideTooltip()"/>
110: <text x="25" y="530">darkgray</text>
111: <rect x="135" y="40" height="10" width="10" style="fill: darkgreen"
112: onmouseover="ShowTooltip(evt,'rgb(0,100,0)')" onmouseout="HideTooltip()"/>
113: <text x="150" y="50">darkgreen</text>
114: <rect x="135" y="60" height="10" width="10" style="fill: darkgrey"
115: onmouseover="ShowTooltip(evt,'rgb(169,169,169)')" onmouseout="HideTooltip()"/>
116: <text x="150" y="70">darkgrey</text>
117: <rect x="135" y="80" height="10" width="10" style="fill: darkkhaki"
118: onmouseover="ShowTooltip(evt,'rgb(189,183,107)')" onmouseout="HideTooltip()"/>
119: <text x="150" y="90">darkkhaki</text>
120: <rect x="135" y="100" height="10" width="10" style="fill: darkmagenta"
121: onmouseover="ShowTooltip(evt,'rgb(139,0,139)')" onmouseout="HideTooltip()"/>
122: <text x="150" y="110">darkmagenta</text>
123: <rect x="135" y="120" height="10" width="10" style="fill: darkolivegreen"
124: onmouseover="ShowTooltip(evt,'rgb(85,107,47)')" onmouseout="HideTooltip()"/>
125: <text x="150" y="130">darkolivegreen</text>
126: <rect x="135" y="140" height="10" width="10" style="fill: darkorange"
127: onmouseover="ShowTooltip(evt,'rgb(255,140,0)')" onmouseout="HideTooltip()"/>
128: <text x="150" y="150">darkorange</text>
129: <rect x="135" y="160" height="10" width="10" style="fill: darkorchid"
130: onmouseover="ShowTooltip(evt,'rgb(153,50,204)')" onmouseout="HideTooltip()"/>
131: <text x="150" y="170">darkorchid</text>
132: <rect x="135" y="180" height="10" width="10" style="fill: darkred"
133: onmouseover="ShowTooltip(evt,'rgb(139,0,0)')" onmouseout="HideTooltip()"/>
134: <text x="150" y="190">darkred</text>
135: <rect x="135" y="200" height="10" width="10" style="fill: darksalmon"
136: onmouseover="ShowTooltip(evt,'rgb(233,150,122)')" onmouseout="HideTooltip()"/>
137: <text x="150" y="210">darksalmon</text>
138: <rect x="135" y="220" height="10" width="10" style="fill: darkseagreen"
139: onmouseover="ShowTooltip(evt,'rgb(143,188,143)')" onmouseout="HideTooltip()"/>
140: <text x="150" y="230">darkseagreen</text>
141: <rect x="135" y="240" height="10" width="10" style="fill: darkslateblue"
142: onmouseover="ShowTooltip(evt,'rgb(72,61,139)')" onmouseout="HideTooltip()"/>
143: <text x="150" y="250">darkslateblue</text>
144: <rect x="135" y="260" height="10" width="10" style="fill: darkslategray"
145: onmouseover="ShowTooltip(evt,'rgb(47,79,79)')" onmouseout="HideTooltip()"/>
146: <text x="150" y="270">darkslategray</text>
147: <rect x="135" y="280" height="10" width="10" style="fill: darkslategrey"
148: onmouseover="ShowTooltip(evt,'rgb(47,79,79)')" onmouseout="HideTooltip()"/>
149: <text x="150" y="290">darkslategrey</text>
150: <rect x="135" y="300" height="10" width="10" style="fill: darkturquoise"
151: onmouseover="ShowTooltip(evt,'rgb(0,206,209)')" onmouseout="HideTooltip()"/>
152: <text x="150" y="310">darkturquoise</text>
153: <rect x="135" y="320" height="10" width="10" style="fill: darkviolet"
154: onmouseover="ShowTooltip(evt,'rgb(148,0,211)')" onmouseout="HideTooltip()"/>
155: <text x="150" y="330">darkviolet</text>
156: <rect x="135" y="340" height="10" width="10" style="fill: deeppink"
157: onmouseover="ShowTooltip(evt,'rgb(255,20,147)')" onmouseout="HideTooltip()"/>
158: <text x="150" y="350">deeppink</text>
159: <rect x="135" y="360" height="10" width="10" style="fill: deepskyblue"
160: onmouseover="ShowTooltip(evt,'rgb(0,191,255)')" onmouseout="HideTooltip()"/>
161: <text x="150" y="370">deepskyblue</text>
162: <rect x="135" y="380" height="10" width="10" style="fill: dimgray"
163: onmouseover="ShowTooltip(evt,'rgb(105,105,105)')" onmouseout="HideTooltip()"/>
164: <text x="150" y="390">dimgray</text>
165: <rect x="135" y="400" height="10" width="10" style="fill: dimgrey"
166: onmouseover="ShowTooltip(evt,'rgb(105,105,105)')" onmouseout="HideTooltip()"/>
167: <text x="150" y="410">dimgrey</text>
168: <rect x="135" y="420" height="10" width="10" style="fill: dodgerblue"
169: onmouseover="ShowTooltip(evt,'rgb(30,144,255)')" onmouseout="HideTooltip()"/>
170: <text x="150" y="430">dodgerblue</text>
171: <rect x="135" y="440" height="10" width="10" style="fill: firebrick"
172: onmouseover="ShowTooltip(evt,'rgb(178,34,34)')" onmouseout="HideTooltip()"/>
173: <text x="150" y="450">firebrick</text>
174: <rect x="135" y="460" height="10" width="10" style="fill: floralwhite"
175: onmouseover="ShowTooltip(evt,'rgb(255,250,240)')" onmouseout="HideTooltip()"/>
176: <text x="150" y="470">floralwhite</text>
177: <rect x="135" y="480" height="10" width="10" style="fill: forestgreen"
178: onmouseover="ShowTooltip(evt,'rgb(34,139,34)')" onmouseout="HideTooltip()"/>
179: <text x="150" y="490">forestgreen</text>
180: <rect x="135" y="500" height="10" width="10" style="fill: fuchsia"
181: onmouseover="ShowTooltip(evt,'rgb(255,0,255)')" onmouseout="HideTooltip()"/>
182: <text x="150" y="510">fuchsia</text>
183: <rect x="135" y="520" height="10" width="10" style="fill: gainsboro"
184: onmouseover="ShowTooltip(evt,'rgb(220,220,220)')" onmouseout="HideTooltip()"/>
185: <text x="150" y="530">gainsboro</text>
186: <rect x="260" y="40" height="10" width="10" style="fill: ghostwhite"
187: onmouseover="ShowTooltip(evt,'rgb(248,248,255)')" onmouseout="HideTooltip()"/>
188: <text x="275" y="50">ghostwhite</text>
189: <rect x="260" y="60" height="10" width="10" style="fill: gold"
190: onmouseover="ShowTooltip(evt,'rgb(255,215,0)')" onmouseout="HideTooltip()"/>
191: <text x="275" y="70">gold</text>
192: <rect x="260" y="80" height="10" width="10" style="fill: goldenrod"
193: onmouseover="ShowTooltip(evt,'rgb(218,165,32)')" onmouseout="HideTooltip()"/>
194: <text x="275" y="90">goldenrod</text>
195: <rect x="260" y="100" height="10" width="10" style="fill: gray"
196: onmouseover="ShowTooltip(evt,'rgb(128,128,128)')" onmouseout="HideTooltip()"/>
197: <text x="275" y="110">gray</text>
198: <rect x="260" y="120" height="10" width="10" style="fill: grey"
199: onmouseover="ShowTooltip(evt,'rgb(128,128,128)')" onmouseout="HideTooltip()"/>
200: <text x="275" y="130">grey</text>
201: <rect x="260" y="140" height="10" width="10" style="fill: green"
202: onmouseover="ShowTooltip(evt,'rgb(0,128,0)')" onmouseout="HideTooltip()"/>
203: <text x="275" y="150">green</text>
204: <rect x="260" y="160" height="10" width="10" style="fill: greenyellow"
205: onmouseover="ShowTooltip(evt,'rgb(173,255,47)')" onmouseout="HideTooltip()"/>
206: <text x="275" y="170">greenyellow</text>
207: <rect x="260" y="180" height="10" width="10" style="fill: honeydew"
208: onmouseover="ShowTooltip(evt,'rgb(240,255,240)')" onmouseout="HideTooltip()"/>
209: <text x="275" y="190">honeydew</text>
210: <rect x="260" y="200" height="10" width="10" style="fill: hotpink"
211: onmouseover="ShowTooltip(evt,'rgb(255,105,180)')" onmouseout="HideTooltip()"/>
212: <text x="275" y="210">hotpink</text>
213: <rect x="260" y="220" height="10" width="10" style="fill: indianred"
214: onmouseover="ShowTooltip(evt,'rgb(205,92,92)')" onmouseout="HideTooltip()"/>
215: <text x="275" y="230">indianred</text>
216: <rect x="260" y="240" height="10" width="10" style="fill: indigo"
217: onmouseover="ShowTooltip(evt,'rgb(75,0,130)')" onmouseout="HideTooltip()"/>
218: <text x="275" y="250">indigo</text>
219: <rect x="260" y="260" height="10" width="10" style="fill: ivory"
220: onmouseover="ShowTooltip(evt,'rgb(255,255,240)')" onmouseout="HideTooltip()"/>
221: <text x="275" y="270">ivory</text>
222: <rect x="260" y="280" height="10" width="10" style="fill: khaki"
223: onmouseover="ShowTooltip(evt,'rgb(240,230,140)')" onmouseout="HideTooltip()"/>
224: <text x="275" y="290">khaki</text>
225: <rect x="260" y="300" height="10" width="10" style="fill: lavender"
226: onmouseover="ShowTooltip(evt,'rgb(230,230,250)')" onmouseout="HideTooltip()"/>
227: <text x="275" y="310">lavender</text>
228: <rect x="260" y="320" height="10" width="10" style="fill: lavenderblush"
229: onmouseover="ShowTooltip(evt,'rgb(255,240,245)')" onmouseout="HideTooltip()"/>
230: <text x="275" y="330">lavenderblush</text>
231: <rect x="260" y="340" height="10" width="10" style="fill: lawngreen"
232: onmouseover="ShowTooltip(evt,'rgb(124,252,0)')" onmouseout="HideTooltip()"/>
233: <text x="275" y="350">lawngreen</text>
234: <rect x="260" y="360" height="10" width="10" style="fill: lemonchiffon"
235: onmouseover="ShowTooltip(evt,'rgb(255,250,205)')" onmouseout="HideTooltip()"/>
236: <text x="275" y="370">lemonchiffon</text>
237: <rect x="260" y="380" height="10" width="10" style="fill: lightblue"
238: onmouseover="ShowTooltip(evt,'rgb(173,216,230)')" onmouseout="HideTooltip()"/>
239: <text x="275" y="390">lightblue</text>
240: <rect x="260" y="400" height="10" width="10" style="fill: lightcoral"
241: onmouseover="ShowTooltip(evt,'rgb(240,128,128)')" onmouseout="HideTooltip()"/>
242: <text x="275" y="410">lightcoral</text>
243: <rect x="260" y="420" height="10" width="10" style="fill: lightcyan"
244: onmouseover="ShowTooltip(evt,'rgb(224,255,255)')" onmouseout="HideTooltip()"/>
245: <text x="275" y="430">lightcyan</text>
246: <rect x="260" y="440" height="10" width="10" style="fill: lightgoldenrodyellow"
247: onmouseover="ShowTooltip(evt,'rgb(250,250,210)')" onmouseout="HideTooltip()"/>
248: <text x="275" y="450">lightgoldenrodyellow</text>
249: <rect x="260" y="460" height="10" width="10" style="fill: lightgray"
250: onmouseover="ShowTooltip(evt,'rgb(211,211,211)')" onmouseout="HideTooltip()"/>
251: <text x="275" y="470">lightgray</text>
252: <rect x="260" y="480" height="10" width="10" style="fill: lightgreen"
253: onmouseover="ShowTooltip(evt,'rgb(144,238,144)')" onmouseout="HideTooltip()"/>
254: <text x="275" y="490">lightgreen</text>
255: <rect x="260" y="500" height="10" width="10" style="fill: lightgrey"
256: onmouseover="ShowTooltip(evt,'rgb(211,211,211)')" onmouseout="HideTooltip()"/>
257: <text x="275" y="510">lightgrey</text>
258: <rect x="260" y="520" height="10" width="10" style="fill: lightpink"
259: onmouseover="ShowTooltip(evt,'rgb(255,182,193)')" onmouseout="HideTooltip()"/>
260: <text x="275" y="530">lightpink</text>
261: <rect x="385" y="40" height="10" width="10" style="fill: lightsalmon"
262: onmouseover="ShowTooltip(evt,'rgb(255,160,122)')" onmouseout="HideTooltip()"/>
263: <text x="400" y="50">lightsalmon</text>
264: <rect x="385" y="60" height="10" width="10" style="fill: lightseagreen"
265: onmouseover="ShowTooltip(evt,'rgb(32,178,170)')" onmouseout="HideTooltip()"/>
266: <text x="400" y="70">lightseagreen</text>
267: <rect x="385" y="80" height="10" width="10" style="fill: lightskyblue"
268: onmouseover="ShowTooltip(evt,'rgb(135,206,250)')" onmouseout="HideTooltip()"/>
269: <text x="400" y="90">lightskyblue</text>
270: <rect x="385" y="100" height="10" width="10" style="fill: lightslategray"
271: onmouseover="ShowTooltip(evt,'rgb(119,136,153)')" onmouseout="HideTooltip()"/>
272: <text x="400" y="110">lightslategray</text>
273: <rect x="385" y="120" height="10" width="10" style="fill: lightslategrey"
274: onmouseover="ShowTooltip(evt,'rgb(119,136,153)')" onmouseout="HideTooltip()"/>
275: <text x="400" y="130">lightslategrey</text>
276: <rect x="385" y="140" height="10" width="10" style="fill: lightsteelblue"
277: onmouseover="ShowTooltip(evt,'rgb(176,196,222)')" onmouseout="HideTooltip()"/>
278: <text x="400" y="150">lightsteelblue</text>
279: <rect x="385" y="160" height="10" width="10" style="fill: lightyellow"
280: onmouseover="ShowTooltip(evt,'rgb(255,255,224)')" onmouseout="HideTooltip()"/>
281: <text x="400" y="170">lightyellow</text>
282: <rect x="385" y="180" height="10" width="10" style="fill: lime"
283: onmouseover="ShowTooltip(evt,'rgb(0,255,0)')" onmouseout="HideTooltip()"/>
284: <text x="400" y="190">lime</text>
285: <rect x="385" y="200" height="10" width="10" style="fill: limegreen"
286: onmouseover="ShowTooltip(evt,'rgb(50,205,50)')" onmouseout="HideTooltip()"/>
287: <text x="400" y="210">limegreen</text>
288: <rect x="385" y="220" height="10" width="10" style="fill: linen"
289: onmouseover="ShowTooltip(evt,'rgb(250,240,230)')" onmouseout="HideTooltip()"/>
290: <text x="400" y="230">linen</text>
291: <rect x="385" y="240" height="10" width="10" style="fill: magenta"
292: onmouseover="ShowTooltip(evt,'rgb(255,0,255)')" onmouseout="HideTooltip()"/>
293: <text x="400" y="250">magenta</text>
294: <rect x="385" y="260" height="10" width="10" style="fill: maroon"
295: onmouseover="ShowTooltip(evt,'rgb(128,0,0)')" onmouseout="HideTooltip()"/>
296: <text x="400" y="270">maroon</text>
297: <rect x="385" y="280" height="10" width="10" style="fill: mediumaquamarine"
298: onmouseover="ShowTooltip(evt,'rgb(102,205,170)')" onmouseout="HideTooltip()"/>
299: <text x="400" y="290">mediumaquamarine</text>
300: <rect x="385" y="300" height="10" width="10" style="fill: mediumblue"
301: onmouseover="ShowTooltip(evt,'rgb(0,0,205)')" onmouseout="HideTooltip()"/>
302: <text x="400" y="310">mediumblue</text>
303: <rect x="385" y="320" height="10" width="10" style="fill: mediumorchid"
304: onmouseover="ShowTooltip(evt,'rgb(186,85,211)')" onmouseout="HideTooltip()"/>
305: <text x="400" y="330">mediumorchid</text>
306: <rect x="385" y="340" height="10" width="10" style="fill: mediumpurple"
307: onmouseover="ShowTooltip(evt,'rgb(147,112,219)')" onmouseout="HideTooltip()"/>
308: <text x="400" y="350">mediumpurple</text>
309: <rect x="385" y="360" height="10" width="10" style="fill: mediumseagreen"
310: onmouseover="ShowTooltip(evt,'rgb(60,179,113)')" onmouseout="HideTooltip()"/>
311: <text x="400" y="370">mediumseagreen</text>
312: <rect x="385" y="380" height="10" width="10" style="fill: mediumslateblue"
313: onmouseover="ShowTooltip(evt,'rgb(123,104,238)')" onmouseout="HideTooltip()"/>
314: <text x="400" y="390">mediumslateblue</text>
315: <rect x="385" y="400" height="10" width="10" style="fill: mediumspringgreen"
316: onmouseover="ShowTooltip(evt,'rgb(0,250,154)')" onmouseout="HideTooltip()"/>
317: <text x="400" y="410">mediumspringgreen</text>
318: <rect x="385" y="420" height="10" width="10" style="fill: mediumturquoise"
319: onmouseover="ShowTooltip(evt,'rgb(72,209,204)')" onmouseout="HideTooltip()"/>
320: <text x="400" y="430">mediumturquoise</text>
321: <rect x="385" y="440" height="10" width="10" style="fill: mediumvioletred"
322: onmouseover="ShowTooltip(evt,'rgb(199,21,133)')" onmouseout="HideTooltip()"/>
323: <text x="400" y="450">mediumvioletred</text>
324: <rect x="385" y="460" height="10" width="10" style="fill: midnightblue"
325: onmouseover="ShowTooltip(evt,'rgb(25,25,112)')" onmouseout="HideTooltip()"/>
326: <text x="400" y="470">midnightblue</text>
327: <rect x="385" y="480" height="10" width="10" style="fill: mintcream"
328: onmouseover="ShowTooltip(evt,'rgb(245,255,250)')" onmouseout="HideTooltip()"/>
329: <text x="400" y="490">mintcream</text>
330: <rect x="385" y="500" height="10" width="10" style="fill: mistyrose"
331: onmouseover="ShowTooltip(evt,'rgb(255,228,225)')" onmouseout="HideTooltip()"/>
332: <text x="400" y="510">mistyrose</text>
333: <rect x="385" y="520" height="10" width="10" style="fill: moccasin"
334: onmouseover="ShowTooltip(evt,'rgb(255,228,181)')" onmouseout="HideTooltip()"/>
335: <text x="400" y="530">moccasin</text>
336: <rect x="510" y="40" height="10" width="10" style="fill: navajowhite"
337: onmouseover="ShowTooltip(evt,'rgb(255,222,173)')" onmouseout="HideTooltip()"/>
338: <text x="525" y="50">navajowhite</text>
339: <rect x="510" y="60" height="10" width="10" style="fill: navy"
340: onmouseover="ShowTooltip(evt,'rgb(0,0,128)')" onmouseout="HideTooltip()"/>
341: <text x="525" y="70">navy</text>
342: <rect x="510" y="80" height="10" width="10" style="fill: oldlace"
343: onmouseover="ShowTooltip(evt,'rgb(253,245,230)')" onmouseout="HideTooltip()"/>
344: <text x="525" y="90">oldlace</text>
345: <rect x="510" y="100" height="10" width="10" style="fill: olive"
346: onmouseover="ShowTooltip(evt,'rgb(128,128,0)')" onmouseout="HideTooltip()"/>
347: <text x="525" y="110">olive</text>
348: <rect x="510" y="120" height="10" width="10" style="fill: olivedrab"
349: onmouseover="ShowTooltip(evt,'rgb(107,142,35)')" onmouseout="HideTooltip()"/>
350: <text x="525" y="130">olivedrab</text>
351: <rect x="510" y="140" height="10" width="10" style="fill: orange"
352: onmouseover="ShowTooltip(evt,'rgb(255,165,0)')" onmouseout="HideTooltip()"/>
353: <text x="525" y="150">orange</text>
354: <rect x="510" y="160" height="10" width="10" style="fill: orangered"
355: onmouseover="ShowTooltip(evt,'rgb(255,69,0)')" onmouseout="HideTooltip()"/>
356: <text x="525" y="170">orangered</text>
357: <rect x="510" y="180" height="10" width="10" style="fill: orchid"
358: onmouseover="ShowTooltip(evt,'rgb(218,112,214)')" onmouseout="HideTooltip()"/>
359: <text x="525" y="190">orchid</text>
360: <rect x="510" y="200" height="10" width="10" style="fill: palegoldenrod"
361: onmouseover="ShowTooltip(evt,'rgb(238,232,170)')" onmouseout="HideTooltip()"/>
362: <text x="525" y="210">palegoldenrod</text>
363: <rect x="510" y="220" height="10" width="10" style="fill: palegreen"
364: onmouseover="ShowTooltip(evt,'rgb(152,251,152)')" onmouseout="HideTooltip()"/>
365: <text x="525" y="230">palegreen</text>
366: <rect x="510" y="240" height="10" width="10" style="fill: paleturquoise"
367: onmouseover="ShowTooltip(evt,'rgb(175,238,238)')" onmouseout="HideTooltip()"/>
368: <text x="525" y="250">paleturquoise</text>
369: <rect x="510" y="260" height="10" width="10" style="fill: palevioletred"
370: onmouseover="ShowTooltip(evt,'rgb(219,112,147)')" onmouseout="HideTooltip()"/>
371: <text x="525" y="270">palevioletred</text>
372: <rect x="510" y="280" height="10" width="10" style="fill: papayawhip"
373: onmouseover="ShowTooltip(evt,'rgb(255,239,213)')" onmouseout="HideTooltip()"/>
374: <text x="525" y="290">papayawhip</text>
375: <rect x="510" y="300" height="10" width="10" style="fill: peachpuff"
376: onmouseover="ShowTooltip(evt,'rgb(255,218,185)')" onmouseout="HideTooltip()"/>
377: <text x="525" y="310">peachpuff</text>
378: <rect x="510" y="320" height="10" width="10" style="fill: peru"
379: onmouseover="ShowTooltip(evt,'rgb(205,133,63)')" onmouseout="HideTooltip()"/>
380: <text x="525" y="330">peru</text>
381: <rect x="510" y="340" height="10" width="10" style="fill: pink"
382: onmouseover="ShowTooltip(evt,'rgb(255,192,203)')" onmouseout="HideTooltip()"/>
383: <text x="525" y="350">pink</text>
384: <rect x="510" y="360" height="10" width="10" style="fill: plum"
385: onmouseover="ShowTooltip(evt,'rgb(221,160,221)')" onmouseout="HideTooltip()"/>
386: <text x="525" y="370">plum</text>
387: <rect x="510" y="380" height="10" width="10" style="fill: powderblue"
388: onmouseover="ShowTooltip(evt,'rgb(176,224,230)')" onmouseout="HideTooltip()"/>
389: <text x="525" y="390">powderblue</text>
390: <rect x="510" y="400" height="10" width="10" style="fill: purple"
391: onmouseover="ShowTooltip(evt,'rgb(128,0,128)')" onmouseout="HideTooltip()"/>
392: <text x="525" y="410">purple</text>
393: <rect x="510" y="420" height="10" width="10" style="fill: red"
394: onmouseover="ShowTooltip(evt,'rgb(255,0,0)')" onmouseout="HideTooltip()"/>
395: <text x="525" y="430">red</text>
396: <rect x="510" y="440" height="10" width="10" style="fill: rosybrown"
397: onmouseover="ShowTooltip(evt,'rgb(188,143,143)')" onmouseout="HideTooltip()"/>
398: <text x="525" y="450">rosybrown</text>
399: <rect x="510" y="460" height="10" width="10" style="fill: royalblue"
400: onmouseover="ShowTooltip(evt,'rgb(65,105,225)')" onmouseout="HideTooltip()"/>
401: <text x="525" y="470">royalblue</text>
402: <rect x="510" y="480" height="10" width="10" style="fill: saddlebrown"
403: onmouseover="ShowTooltip(evt,'rgb(139,69,19)')" onmouseout="HideTooltip()"/>
404: <text x="525" y="490">saddlebrown</text>
405: <rect x="510" y="500" height="10" width="10" style="fill: salmon"
406: onmouseover="ShowTooltip(evt,'rgb(250,128,114)')" onmouseout="HideTooltip()"/>
407: <text x="525" y="510">salmon</text>
408: <rect x="510" y="520" height="10" width="10" style="fill: sandybrown"
409: onmouseover="ShowTooltip(evt,'rgb(244,164,96)')" onmouseout="HideTooltip()"/>
410: <text x="525" y="530">sandybrown</text>
411: <rect x="635" y="40" height="10" width="10" style="fill: seagreen"
412: onmouseover="ShowTooltip(evt,'rgb(46,139,87)')" onmouseout="HideTooltip()"/>
413: <text x="650" y="50">seagreen</text>
414: <rect x="635" y="60" height="10" width="10" style="fill: seashell"
415: onmouseover="ShowTooltip(evt,'rgb(255,245,238)')" onmouseout="HideTooltip()"/>
416: <text x="650" y="70">seashell</text>
417: <rect x="635" y="80" height="10" width="10" style="fill: sienna"
418: onmouseover="ShowTooltip(evt,'rgb(160,82,45)')" onmouseout="HideTooltip()"/>
419: <text x="650" y="90">sienna</text>
420: <rect x="635" y="100" height="10" width="10" style="fill: silver"
421: onmouseover="ShowTooltip(evt,'rgb(192,192,192)')" onmouseout="HideTooltip()"/>
422: <text x="650" y="110">silver</text>
423: <rect x="635" y="120" height="10" width="10" style="fill: skyblue"
424: onmouseover="ShowTooltip(evt,'rgb(135,206,235)')" onmouseout="HideTooltip()"/>
425: <text x="650" y="130">skyblue</text>
426: <rect x="635" y="140" height="10" width="10" style="fill: slateblue"
427: onmouseover="ShowTooltip(evt,'rgb(106,90,205)')" onmouseout="HideTooltip()"/>
428: <text x="650" y="150">slateblue</text>
429: <rect x="635" y="160" height="10" width="10" style="fill: slategray"
430: onmouseover="ShowTooltip(evt,'rgb(112,128,144)')" onmouseout="HideTooltip()"/>
431: <text x="650" y="170">slategray</text>
432: <rect x="635" y="180" height="10" width="10" style="fill: slategrey"
433: onmouseover="ShowTooltip(evt,'rgb(112,128,144)')" onmouseout="HideTooltip()"/>
434: <text x="650" y="190">slategrey</text>
435: <rect x="635" y="200" height="10" width="10" style="fill: snow"
436: onmouseover="ShowTooltip(evt,'rgb(255,250,250)')" onmouseout="HideTooltip()"/>
437: <text x="650" y="210">snow</text>
438: <rect x="635" y="220" height="10" width="10" style="fill: springgreen"
439: onmouseover="ShowTooltip(evt,'rgb(0,255,127)')" onmouseout="HideTooltip()"/>
440: <text x="650" y="230">springgreen</text>
441: <rect x="635" y="240" height="10" width="10" style="fill: steelblue"
442: onmouseover="ShowTooltip(evt,'rgb(70,130,180)')" onmouseout="HideTooltip()"/>
443: <text x="650" y="250">steelblue</text>
444: <rect x="635" y="260" height="10" width="10" style="fill: tan"
445: onmouseover="ShowTooltip(evt,'rgb(210,180,140)')" onmouseout="HideTooltip()"/>
446: <text x="650" y="270">tan</text>
447: <rect x="635" y="280" height="10" width="10" style="fill: teal"
448: onmouseover="ShowTooltip(evt,'rgb(0,128,128)')" onmouseout="HideTooltip()"/>
449: <text x="650" y="290">teal</text>
450: <rect x="635" y="300" height="10" width="10" style="fill: thistle"
451: onmouseover="ShowTooltip(evt,'rgb(216,191,216)')" onmouseout="HideTooltip()"/>
452: <text x="650" y="310">thistle</text>
453: <rect x="635" y="320" height="10" width="10" style="fill: tomato"
454: onmouseover="ShowTooltip(evt,'rgb(255,99,71)')" onmouseout="HideTooltip()"/>
455: <text x="650" y="330">tomato</text>
456: <rect x="635" y="340" height="10" width="10" style="fill: turquoise"
457: onmouseover="ShowTooltip(evt,'rgb(64,224,208)')" onmouseout="HideTooltip()"/>
458: <text x="650" y="350">turquoise</text>
459: <rect x="635" y="360" height="10" width="10" style="fill: violet"
460: onmouseover="ShowTooltip(evt,'rgb(238,130,238)')" onmouseout="HideTooltip()"/>
461: <text x="650" y="370">violet</text>
462: <rect x="635" y="380" height="10" width="10" style="fill: wheat"
463: onmouseover="ShowTooltip(evt,'rgb(245,222,179)')" onmouseout="HideTooltip()"/>
464: <text x="650" y="390">wheat</text>
465: <rect x="635" y="400" height="10" width="10" style="fill: white"
466: onmouseover="ShowTooltip(evt,'rgb(255,255,255)')" onmouseout="HideTooltip()"/>
467: <text x="650" y="410">white</text>
468: <rect x="635" y="420" height="10" width="10" style="fill: whitesmoke"
469: onmouseover="ShowTooltip(evt,'rgb(245,245,245)')" onmouseout="HideTooltip()"/>
470: <text x="650" y="430">whitesmoke</text>
471: <rect x="635" y="440" height="10" width="10" style="fill: yellow"
472: onmouseover="ShowTooltip(evt,'rgb(255,255,0)')" onmouseout="HideTooltip()"/>
473: <text x="650" y="450">yellow</text>
474: <rect x="635" y="460" height="10" width="10" style="fill: yellowgreen"
475: onmouseover="ShowTooltip(evt,'rgb(154,205,50)')" onmouseout="HideTooltip()"/>
476: <text x="650" y="470">yellowgreen</text>
477:
478: <g id="tooltip"><!-- Tooltip - Beginn (ttr=Tooltip-Rechteck, ttt=Tooltip-Text) -->
479: <rect id="ttr" x="0" y="0" rx="5" ry="5" width="100" height="16"
480: style="visibility: hidden"/>
481: <text id="ttt" x="0" y="0" style="visibility: hidden">dyn. Text</text>
482: </g><!-- Tooltip - Ende -->
483:
484: </svg>
[zum Anfang]
