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: 12:
<title>SVG - Learning by Coding</title>
13:
<desc>SVG-Spezifikation in Beispielen</desc>
14: 15:
<defs>
16: 17:
<style type="text/css">
18:
<![CDATA[
19: 20:
text
21:
{
22:
fill: #00C;
23:
font-size: 18px;
24:
}
25: 26:
text.t1
27:
{
28:
text-rendering: auto;
29:
}
30: 31:
text.t2
32:
{
33:
text-rendering: optimizeSpeed;
34:
}
35: 36:
text.t3
37:
{
38:
text-rendering: optimizeLegibility;
39:
}
40: 41:
text.t4
42:
{
43:
text-rendering: geometricPrecision;
44:
}
45: 46:
tspan
47:
{
48:
fill: #F00;
49:
}
50: 51:
]]>
52:
</style>
53: 54:
</defs>
55: 56:
<text x="20" y="30" style="fill: #000; font-size: 24px">
57:
Eigenschaft text-rendering
58:
</text>
59: 60:
<text x="30" y="80" class="t1">
61:
Das ist ein Text mit <tspan>text-rendering: auto</tspan>.
62:
</text>
63: 64:
<text x="30" y="120" class="t2">
65:
Das ist ein Text mit <tspan>text-rendering: optimizeSpeed</tspan>.
66:
</text>
67: 68:
<text x="30" y="160" class="t3">
69:
Das ist ein Text mit <tspan>text-rendering: optimizeLegibility</tspan>.
70:
</text>
71: 72:
<text x="30" y="200" class="t4">
73:
Das ist ein Text mit <tspan>text-rendering: geometricPrecision</tspan>.
74:
</text>
75: 76:
<a xlink:href="http://www.w3.org/TR/SVG/painting.html#RenderingProperties" target="_top">
77:
<text x="30" y="250" style="fill: #000; font-size: 12px">
78:
[Details zu weiteren Rendering-Eigenschaften in der SVG-Spezifikation]
79:
</text>
80:
</a>
81: 82:
</svg>
[zum Anfang]
