180 likes | 318 Views
SVG - Tiny. Seminar Internettechnologie Thomas Rodewald. Inhalt. Einführung Was ist SVG–T ? Wofür ist SVG-T ? Beispiel Dokumentaufbau Aufbau Module Datentypen Verwendung Anzeigen von SVG-T Dateien Werkzeuge Vor- und Nachteile Zusammenfassung Quellen. Was ist SVG-T ? (1).
E N D
SVG - Tiny Seminar Internettechnologie Thomas Rodewald
Inhalt • Einführung • Was ist SVG–T ? • Wofür ist SVG-T ? • Beispiel • Dokumentaufbau • Aufbau • Module • Datentypen • Verwendung • Anzeigen von SVG-T Dateien • Werkzeuge • Vor- und Nachteile • Zusammenfassung • Quellen
Was ist SVG-T ? (1) • Scalable Vector Graphics Tiny • Steht für „Skalierbare Vektorgraphik“, wobei das Tiny (winzig) eine spezielle Version / Untergruppe bezeichnet. • Im Oktober 2001 wurde der Entwurf für SVG Tiny und SVG Basic vom W3C veröffentlicht. • Aktuelle Version : 1.2
Wofür ist SVG-T ? • SVG-T ist für Mobile Endgeräte mit wenig Ressourcen (langsame CPU, wenig Speicher, ...) gedacht. • Animierte Grußkarten, Börsengrafiken, vergrößerbahre Landkarten, ... • Beispiel „Lamm“ (funktioniert auch auf einem Handy mit SVG-T Unterstützung) • Öffnen mit Mozilla
Dokumentaufbau – Aufbau (1) • Grundstruktur ist XML. • Der SVG-T Quelltext kann auch in anderen XML konformen Dokumenten eingebettet werden. • Es darf nur ein root <SVG> - Element existieren. • Das root – Element muss folgende Attribute besitzen : • version='1.1' • baseProfile='tiny'
Dokumentaufbau – Aufbau (2) • Es gibt immer ein Start- und Endtag. • z.B.: <text x="25" y="45" > Irgendwelcher Text. </text> oder : <ellipse cx="50" cy="50" rx="40" ry="20" fill="red" /> • Jedes Element kann mehrere Attribute haben.
Dokumentaufbau – Aufbau (3) • Beispiel : <?xml version="1.0" encoding="ISO-8859-1"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny„ width=„100%" height=„100%"> <ellipse cx="50" cy="50" rx="40" ry="20" fill="red"/> </svg> • Anzeige in einem Browser : Mini.svg
Dokumentaufbau – Module (1) • SVG-T basiert auf SVG, welches durch sogenannte Module definiert ist. • Ein Modul ist eine Sammlung von einzelnen SVG Elementen. • Für jedes Modul gibt es eine entsprechende DTD die zum validieren der SVG-T Datei benutzt werden kann. • Die einzelne Module werden von SVG-T ganz, eingeschränkt („Basic“ bzw. „Tiny“) oder überhaupt nicht unterstützt.
Dokumentaufbau – Module (2) • Beispiel Modul : • Tiny Structure Module • defs, desc, g, metadata, svg, title, use • „Tiny“ weist darauf hin das es sich um das eingeschränkte „Structure Module“ handelt. • Einschränkender Präfix : v1.1 – Basic, v1.2 – Tiny • Beispiel für einige Befehle : • Beispiel 1 - Quelltext • Beispiel 2 - Quelltext
Dokumentaufbau - Datentypen • Nummern von –32,767.9999 bis 32,767.9999 • Längen : nur „user units“ • Allerdings kann in den Attributen des root svg-Elementes “width“ und “height“ eine der folgenden Einheiten verwendet werden : “in“, “cm“, “mm“, “pt“, “pc“ und “%“ • Winkel werden zwar ohne Einheiten angegeben, werden aber immer in “Grad“ interpretiert. • Farben : Alle aus dem CSS2 Standart (sRGB) und die 16 Farben aus dem XHTML Standart. • Zeit : Es werden die Zeiteinheiten “ms“ und “s“ unterstützt. • Listen : Spezieller Datentyp wie z.B.: bei einem „path“ –Element. • URI : Links wie z.B.: bei Namespace Attributen.
Verwendung - Anzeigen von SVG-T Dateien • Native SVG-T Unterstützung durch das Endgerät. • Tiny – Line. • ZOOMON SVG Player von Symbian. • PocketSVG von CSIRO (eigentlich für PDA‘s, unterstützt aber auch SVG Tiny). • ... (noch einige andere aber meistens auch kostenpflichtige Viewer) • Opera Browser z.B.: für das Siemens SX1 • Für Internet-Browser gibt es Plug-Ins (z.B.: von Adobe oder Corel) die SVG Dateien anzeigen können.
Verwendung – Werkzeuge (1) • BitFlash Brilliance • Export / Import / Bearbeitung von SVG Mobile (SVG-B & T). • Emulatoren für diverse Endgeräte.
Verwendung – Werkzeuge (2) • Beatware Mobile Designer bzw. e-Picture Pro • Integration des Mobile Designer in Adobe GoLive. • Export / Import / Bearbeitung von SVG Dateien.
Verwendung – Werkzeuge (3) • EvolGrafiX XStudio v6.0 bzw. XStudio v2.0 • v6.0 Export / Import / Bearbeitung von SVG Dateien. • v2.0 Export / Import / Bearbeitung von SVG Mobile (sollte eigentlich mitte 2004 Erscheinen). • W3C Amaya • Export / Import / Bearbeitung von SVG Dateien.
Verwendung - Vor- und Nachteile • Vorteile • Basiert auf XML. • Ist im Klartext. • Kann dynamisch erzeugt werden. • Kann leicht in andere Dokumente eingebettet werden. • Sehr viele Möglichkeiten. • Nachteile • Unterstützung ist noch nicht 100%. • Zur Zeit noch relativ geringe Verbreitung.
Zusammenfassung • SVG-T ist der „zukünftige“ Standart für Mobile Vektorgraphik Anwendungen auf Mobilen Endgeräten wie z.B.: Handys. • Es ist sehr vielfältig einsetzbar. • Vorhandenes SVG Wissen kann vielfältig verwendet werden, da es auf XML basiert. • Werkzeuge zum erstellen von SVG-T Dateien entweder kostenpflichtig oder noch nicht vollständig ausgereift (oder auch beides).
Quellen • Links : • http://www.w3.org/ • http://www.scale-a-vector.de/ • http://www.tinyline.com/ • http://www.bitflash.com/ • http://www.beatware.com/ • http://www.zvon.org/xxl/svgReference/Output/index.html • http://www.google.de/