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 09/03 - thomas@handmadecode.de -->
9:
10:
11: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
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:
31: <script type="text/javascript">
32: <![CDATA[
33:
34: function AttrInfos(click_evt)
35: {
36: var obj,out="";
37: obj=click_evt.target;
38: out+="Objekt : "+obj;
39: out+="\n\nhasAttributes() : "+obj.hasAttributes();
40:
41: if(obj.hasAttributes())
42: {
43: attr=obj.attributes;
44: out+="\n\nattributes : "+attr;
45: out+="\n\nAnzahl Attribute : "+attr.length;
46:
47: for(i=0;i<attr.length;i++)
48: {
49: out+="\nAttribut : "+attr.item(i).nodeName;
50: out+=" - Wert : "+attr.item(i).nodeValue;
51: }
52: }
53:
54: alert(out);
55: }
56:
57: ]]>
58: </script>
59:
60: </defs>
61:
62: <text x="30" y="30" style="fill: #000; font-size: 24px">
63: attributes / hasAttributes() / nodeName / nodeValue
64: </text>
65:
66: <rect x="90" y="70" width="40" height="40" style="fill: #00C"
67: onclick="AttrInfos(evt)"/>
68:
69: <circle cx="170" cy="90" r="20" style="fill: #F00"
70: onclick="AttrInfos(evt)"/>
71:
72: <polygon points="210,110 230,70 250,110" style="fill: #090"
73: onclick="AttrInfos(evt)"/>
74:
75: <text x="120" y="140" onclick="AttrInfos(evt)">Objekte anklicken!</text>
76:
77: </svg>
[zum Anfang]
