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:
<!ENTITY tt "Das ist ein Testtext.">
6:
]>
7: 8:
<!-- SVG - Learning by Coding - http://www.datenverdrahten.de/svglbc/ -->
9:
<!-- Author: Dr. Thomas Meinike 09/03 - thomas@handmadecode.de -->
10: 11: 12:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
13:
onload="DocInfos()">
14: 15:
<title>SVG - Learning by Coding</title>
16:
<desc>SVG-Spezifikation in Beispielen</desc>
17: 18:
<defs>
19: 20:
<style type="text/css">
21:
<![CDATA[
22: 23:
g.stat
24:
{
25:
fill: #00C;
26:
}
27: 28:
g.dyn
29:
{
30:
fill: #F00;
31:
}
32: 33:
]]>
34:
</style>
35: 36:
<script type="text/javascript">
37:
<![CDATA[
38: 39:
function DocInfos()
40:
{
41:
var d,pid,sid,wue,ent,nsp,xml1,xml2,css2,dom2,
42:
ran2,vie2,evt2,uie2,tra2,mev2,mut2,dd,ver;
43: 44:
d=document;
45: 46:
// Daten abfragen
47: 48:
dd=d.domain;
49:
dr=d.referrer;
50:
du=d.URL;
51: 52:
if(d.doctype)
53:
{
54:
pid=d.doctype.publicId;
55:
sid=d.doctype.systemId;
56:
wue=d.doctype.name;
57:
ent=d.doctype.entities.getNamedItem("tt").firstChild.nodeValue;
58:
// d.doctype.notations liefert wie entities eine NamedNodeMap
59:
}
60: 61:
if(d.documentElement.namespaceURI)nsp=d.documentElement.namespaceURI;
62: 63:
if(d.implementation)
64:
{
65:
xml1=d.implementation.hasFeature("XML","1.0");
66:
xml2=d.implementation.hasFeature("XML","2.0");
67:
css2=d.implementation.hasFeature("CSS","2.0");
68:
dom2=d.implementation.hasFeature("Core","2.0");
69:
ran2=d.implementation.hasFeature("Range","2.0");
70:
vie2=d.implementation.hasFeature("Views","2.0");
71:
evt2=d.implementation.hasFeature("Events","2.0");
72:
uie2=d.implementation.hasFeature("UIEvents","2.0");
73:
tra2=d.implementation.hasFeature("Traversal","2.0");
74:
mev2=d.implementation.hasFeature("MouseEvents","2.0");
75:
mut2=d.implementation.hasFeature("MutationEvents","2.0");
76:
}
77: 78:
if(getSVGViewerVersion())ver=getSVGViewerVersion();
79: 80:
// Ergebnisse ausgeben
81:
d.getElementById("t0").firstChild.nodeValue=pid;
82:
d.getElementById("t1").firstChild.nodeValue=sid;
83:
d.getElementById("t2").firstChild.nodeValue=wue;
84:
d.getElementById("t3").firstChild.nodeValue=nsp;
85:
d.getElementById("t4").firstChild.nodeValue=ent;
86:
d.getElementById("t5").firstChild.nodeValue=xml1;
87:
d.getElementById("t6").firstChild.nodeValue=xml2;
88:
d.getElementById("t7").firstChild.nodeValue=dom2;
89:
d.getElementById("t8").firstChild.nodeValue=css2;
90:
d.getElementById("t9").firstChild.nodeValue=ran2;
91:
d.getElementById("t10").firstChild.nodeValue=vie2;
92:
d.getElementById("t11").firstChild.nodeValue=evt2;
93:
d.getElementById("t12").firstChild.nodeValue=uie2;
94:
d.getElementById("t13").firstChild.nodeValue=tra2;
95:
d.getElementById("t14").firstChild.nodeValue=mev2;
96:
d.getElementById("t15").firstChild.nodeValue=mut2;
97:
d.getElementById("t16").firstChild.nodeValue=du;
98:
d.getElementById("t17").firstChild.nodeValue=dd;
99:
d.getElementById("t18").firstChild.nodeValue=dr;
100:
d.getElementById("t19").firstChild.nodeValue=ver;
101:
}
102: 103:
]]>
104:
</script>
105: 106:
</defs>
107: 108:
<text x="30" y="30" style="fill: #000; font-size: 24px">
109:
Informationen zu DOCTYPE und Features
110:
</text>
111: 112:
<g class="stat">
113:
<!-- statische Texte -->
114:
<text x="30" y="80">DOCTYPE-Public</text>
115:
<text x="30" y="100">DOCTYPE-System</text>
116:
<text x="30" y="120">Wurzelelement</text>
117:
<text x="30" y="140">Wurzel-Namespace</text>
118:
<text x="30" y="160">Entity-Zugriff (tt)</text>
119:
<text x="30" y="180">XML DOM Core 1.0</text>
120:
<text x="30" y="200">XML DOM Core 2.0</text>
121:
<text x="30" y="220">DOM Core 2.0</text>
122:
<text x="30" y="240">CSS 2.0</text>
123:
<text x="30" y="260">Range 2.0</text>
124:
<text x="30" y="280">Views 2.0</text>
125:
<text x="30" y="300">Events 2.0</text>
126:
<text x="30" y="320">UIEvents 2.0</text>
127:
<text x="30" y="340">Traversal 2.0</text>
128:
<text x="30" y="360">MouseEvents 2.0</text>
129:
<text x="30" y="380">MutationEvents 2.0</text>
130:
<text x="30" y="400">document.URL</text>
131:
<text x="30" y="420">document.domain</text>
132:
<text x="30" y="440">document.referrer</text>
133:
<text x="30" y="460">SVG-Viewer-Version</text>
134:
</g>
135: 136:
<g class="dyn">
137:
<!-- dynamische Texte -->
138:
<text id="t0" x="150" y="80"> </text>
139:
<text id="t1" x="150" y="100"> </text>
140:
<text id="t2" x="150" y="120"> </text>
141:
<text id="t3" x="150" y="140"> </text>
142:
<text id="t4" x="150" y="160"> </text>
143:
<text id="t5" x="150" y="180"> </text>
144:
<text id="t6" x="150" y="200"> </text>
145:
<text id="t7" x="150" y="220"> </text>
146:
<text id="t8" x="150" y="240"> </text>
147:
<text id="t9" x="150" y="260"> </text>
148:
<text id="t10" x="150" y="280"> </text>
149:
<text id="t11" x="150" y="300"> </text>
150:
<text id="t12" x="150" y="320"> </text>
151:
<text id="t13" x="150" y="340"> </text>
152:
<text id="t14" x="150" y="360"> </text>
153:
<text id="t15" x="150" y="380"> </text>
154:
<text id="t16" x="150" y="400"> </text>
155:
<text id="t17" x="150" y="420"> </text>
156:
<text id="t18" x="150" y="440"> </text>
157:
<text id="t19" x="150" y="460"> </text>
158:
</g>
159: 160:
</svg>
[zum Anfang]
