SVG – Learning by Coding

[ flow_tropfen.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:   <!-- experimentelle DTD-Erweiterung by TM 2003 -->
  6:   <!ENTITY svgExt "|flow">
  7:   <!ELEMENT flow (flowRegion,flowDiv)>
  8:   <!ELEMENT flowRegion (region)>
  9:   <!ELEMENT flowDiv (flowPara*)>
 10:   <!ELEMENT flowPara (#PCDATA)>
 11:   <!ELEMENT region EMPTY>
 12:   <!ATTLIST flowPara class CDATA #IMPLIED>
 13:   <!ATTLIST region xlink:href CDATA #REQUIRED>
 14: ]>
 15: 
 16: <!-- SVG Learning by Coding http://www.datenverdrahten.de/svglbc/ -->
 17: <!--    AuthorDrThomas Meinike 11/04 thomas@handmadecode.de     -->
 18: 
 19: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 20: 
 21:   <defs>
 22:     <style type="text/css">
 23:     <![CDATA[
 24: 
 25:     text
 26:     {
 27:       fill#000;
 28:       font-size24px;
 29:       font-familysans-serif;
 30:     }
 31: 
 32:     path
 33:     {
 34:       fill#FFF;
 35:       stroke#000;
 36:       stroke-width1px;
 37:     }
 38: 
 39:     flow
 40:     {
 41:       text-aligncenter;
 42:     }
 43: 
 44:     flowPara
 45:     {
 46:       fill#00C;
 47:       font-size13px;
 48:       font-familysans-serif;
 49:     }
 50: 
 51:     flowPara.umbruch
 52:     {
 53:       font-size8px;
 54:     }
 55: 
 56:     flowPara.umbruch1
 57:     {
 58:       font-size30px;
 59:     }
 60: 
 61:     ]]>
 62:     </style>
 63: 
 64:   </defs>
 65: 
 66:   <text x="20" y="30">
 67:     Fließtext mit flow-Elementen (ASV 6)
 68:   </text>
 69: 
 70:   <path id="tropfen" d="M256.656 72 C256.656 72 375.676 252.442 375.676 345.37
 71:     C375.676 438.299 321.11 484 255.015 484 C188.92 484 136.324 438.299 136.324 345.37
 72:     C136.324 252.442 256.656 72 256.656 72 Z" transform="translate(-50,-20)"/>
 73: 	
 74:   <flow>
 75:         
 76:     <flowRegion>
 77:       <region xlink:href="#tropfen"/>
 78:     </flowRegion>
 79:           
 80:     <flowDiv>
 81: 
 82:       <flowPara class="umbruch1">&#160;</flowPara>
 83:          
 84:       <flowPara>
 85:         SVG 1.0 wurde 2001 vom W3C als offizielle Empfehlung verabschiedet.
 86:       </flowPara>
 87: 
 88:       <flowPara class="umbruch">&#160;</flowPara>
 89: 
 90:       <flowPara>
 91:         Die Version 1.1 brachte 2003 Korrekturen und eine Modularisierung.
 92:       </flowPara>
 93: 
 94:       <flowPara class="umbruch">&#160;</flowPara>
 95: 
 96:       <flowPara>
 97:         Mit der laut Roadmap Anfang 2005 zu erwartenden finalen Version 1.2
 98:         erweitern sich die Möglichkeiten für Illustratoren und Entwickler durch:
 99:         Fließtext und MehrfachseitenMultimediaerweiterungenneue Zeichentechniken
100:         und EffekteRCC/sXBLverbessertes Rendering und erweiterte DOM-Unterstützung.
101:       </flowPara>
102: 
103:       <flowPara class="umbruch">&#160;</flowPara>
104: 
105:       <flowPara>
106:         Der Vortrag gibt einen Überblick zu diesen und weiteren Neuerungen.
107:       </flowPara>
108:           
109:     </flowDiv>      
110: 
111:   </flow>
112: 
113: </svg>

[zum Anfang]