1 / 18

SVG - Tiny

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).

lois
Download Presentation

SVG - Tiny

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. SVG - Tiny Seminar Internettechnologie Thomas Rodewald

  2. 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

  3. 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

  4. Was ist SVG-T ? (2)

  5. 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

  6. 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'

  7. 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.

  8. 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

  9. 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.

  10. 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

  11. 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.

  12. 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.

  13. Verwendung – Werkzeuge (1) • BitFlash Brilliance • Export / Import / Bearbeitung von SVG Mobile (SVG-B & T). • Emulatoren für diverse Endgeräte.

  14. Verwendung – Werkzeuge (2) • Beatware Mobile Designer bzw. e-Picture Pro • Integration des Mobile Designer in Adobe GoLive. • Export / Import / Bearbeitung von SVG Dateien.

  15. 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.

  16. 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.

  17. 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).

  18. 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/

More Related