SVG – Learning by Coding
1: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
2: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN"
3: "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
4:
5: <!-- SVG - Learning by Coding - http://www.datenverdrahten.de/svglbc/ -->
6: <!-- Author: Dr. Thomas Meinike 12/04 - thomas@handmadecode.de -->
7:
8: <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg">
9: <!-- fuer den Handy-Einsatz: width="132" height="176" viewBox="0 0 132 176" -->
10:
11: <title>SVGT-Testbeispiel</title>
12: <desc>SVG-Tiny-Dokument für Handy Siemens S65 und vergleichbare Geräte</desc>
13:
14: <defs>
15: <!--
16: Copyright (c) 2003 by Bitstream, Inc. All Rights Reserved.
17: SVG font informations generated using SVG Font Splicer:
18: http://www.litux.org/wiki/SVGFontSplicer
19: -->
20: <font horiz-adv-x="1233">
21: <font-face font-family="Sera Sans Mono" units-per-em="2048"
22: panose-1="2 11 6 9 3 8 4 2 2 4" ascent="1901" descent="-483" alphabetic="0"/>
23: <missing-glyph d="M104 -362V1444H1128V-362H104ZM219 -248H1014V1329H219V-248Z"/>
24: <glyph unicode="H" glyph-name="H" d="M137
25: 1493H340V881H893V1493H1096V0H893V711H340V0H137V1493Z"/>
26: <glyph unicode="a" glyph-name="a" d="M702 563H641Q480 563 399 507T317 338Q317
27: 237 378 181T547 125Q699 125 786 230T874 522V563H702ZM1059 639V0H874V166Q815
28: 66 726 19T508 -29Q337 -29 235 67T133 326Q133 513 258 610T627 707H874V736Q873
29: 870 806 930T592 991Q498 991 402 964T215 885V1069Q317 1108 410 1127T592 1147Q731
30: 1147 829 1106T989 983Q1027 933 1043 860T1059 639Z"/>
31: <glyph unicode="l" glyph-name="l" d="M639 406Q639 282 684 219T819
32: 156H1034V0H801Q636 0 546 106T455 406V1423H160V1567H639V406Z"/>
33: <glyph unicode="o" glyph-name="o" d="M616 991Q476 991 404 882T332 559Q332 346 404
34: 237T616 127Q757 127 829 236T901 559Q901 773 829 882T616 991ZM616 1147Q849 1147
35: 972 996T1096 559Q1096 272 973 122T616 -29Q383 -29 260 121T137 559Q137 845 260
36: 996T616 1147Z"/>
37: <glyph unicode=" " glyph-name="space"/>
38: <glyph unicode="W" glyph-name="W" d="M0 1493H197L340 281L510 1083H721L893
39: 279L1036 1493H1233L1010 0H819L616 887L414 0H223L0 1493Z"/>
40: <glyph unicode="e" glyph-name="e" d="M1112 606V516H315V510Q315 327 410 227T680
41: 127Q768 127 864 155T1069 240V57Q964 14 867 -7T678 -29Q417 -29 270 127T123
42: 559Q123 827 267 987T651 1147Q865 1147 988 1002T1112 606ZM928 660Q924 822 852
43: 906T643 991Q510 991 424 903T322 659L928 660Z"/>
44: <glyph unicode="t" glyph-name="t" d="M614 1438V1120H1032V977H614V369Q614 245 661
45: 196T825 147H1032V0H807Q600 0 515 83T430 369V977H131V1120H430V1438H614Z"/>
46: <glyph unicode="!" glyph-name="exclam" d="M516 1493H719V838L698 481H537L516
47: 838V1493ZM516 254H719V0H516V254Z"/>
48: </font>
49: </defs>
50:
51: <!-- Text fuer die Browseranzeige -->
52: <text x="20" y="30" font-size="24">SVG-Tiny für Handys (statisch)</text>
53:
54: <g transform="translate(20,50)"><!-- transform fuer die Browseranzeige -->
55: <rect fill="#FFFFFF" x="0" y="0" width="132" height="176" stroke="#000000"/>
56: <text x="20" y="25" font-family="Sera Sans Mono" font-size="14" fill="#FF0000">
57: Hallo Welt!</text>
58: <rect x="50" y="40" width="30" height="30" fill="#0000FF"/>
59: <circle cx="50" cy="70" r="10" fill="#FFFF00" stroke="#000000"/>
60: <polygon points="60,100 70,80 80,100" fill="#009900"/>
61: <rect x="15" y="120" width="0" height="10" fill="#FFCC33">
62: <animate attributeName="width" attributeType="XML" begin="0s" dur="10s"
63: fill="freeze" from="0" to="50"/>
64: </rect>
65: <rect x="15" y="135" width="0" height="10" fill="#FF6699">
66: <animate attributeName="width" attributeType="XML" begin="0s" dur="10s"
67: fill="freeze" from="0" to="75"/>
68: </rect>
69: <rect x="15" y="150" width="0" height="10" fill="#99CCFF">
70: <animate attributeName="width" attributeType="XML" begin="0s" dur="10s"
71: fill="freeze" from="0" to="100"/>
72: </rect>
73: </g>
74:
75: </svg>
[zum Anfang]