SVG – Learning by Coding

[ bildlinkfolge.svg --> Grafik anzeigen ]

 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: <!--    AuthorDrThomas Meinike 07/04 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:       *
21:       {
22:         font-familysans-serif;
23:         font-size12px;
24:       }
25: 
26:       ]]>
27:     </style>
28: 
29:   </defs>
30: 
31:   <text x="20" y="30" style="fill: #000; font-size: 24px">
32:     Bild/Link-Folge (Animation des xlink:href-Attributes)</text>
33:   <text x="20" y="50">3 Durchläufe</text>
34:   <text x="20" y="65">Änderung von Bild und Link</text>
35: 
36:   <rect x="210" y="70" width="101" height="142"
37:    style="fill: none; stroke: #F00; stroke-width: 1px"/>
38: 
39:   <a xlink:href="http://www.dotnet-magazin.de" target="_top">
40:     <animate attributeName="xlink:href" attributeType="XML" begin="0s" dur="30s"
41:       keyTimes="0.167;0.334;0.501;0.668;0.835;1" fill="freeze" repeatCount="3"
42:       values="http://www.dotnet-magazin.de;
43:               http://www.derentwickler.de;
44:               http://www.javamagazin.de;
45:               http://www.linuxenterprise.de;
46:               http://www.phpmag.de;
47:               http://www.xmlmagazin.de"/>
48: 
49:     <image x="211" y="71" width="99" height="140" xlink:href="bilder/dotnet.jpg">
50:       <animate attributeName="xlink:href" attributeType="XML" begin="0s" dur="30s"
51:         keyTimes="0.167;0.334;0.501;0.668;0.835;1" fill="freeze" repeatCount="3"
52:         values="bilder/dotnet.jpg;
53:                 bilder/entwickler.jpg;
54:                 bilder/javamag.jpg;
55:                 bilder/linuxent.jpg;
56:                 bilder/phpmag.jpg;
57:                 bilder/xmlmag.jpg"/>
58:     </image>
59: 
60:   </a>
61: 
62:   <!--
63:     BildquelleSoftware Support Verlag;
64:     verwendet in den Beispielen zu getURL() bzwpostURL() im Rahmen des Artikels
65:     "SVG ruft Datenbank"XML Web Services Magazin 03.2003.
66:     http://www.xmlmagazin.de/itr/ausgaben/psfile/datei/86/meinike_sv3e81aebb75a15.zip
67:   -->
68: 
69: </svg>

[zum Anfang]