SVG – Learning by Coding

[ mobile_statisch.svg --> Grafik anzeigen ]

 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: <!--    AuthorDrThomas 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-Einsatzwidth="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 (c2003 by BitstreamIncAll 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]