svg (scalable vector graphics)

März 2010

Zurzeit finden wir leider keine Zeit unsere eigenen SVG-Projekte weiterzuverfolgen, so dass es bei den Beispielen, wie auch bei den Tutorials bis auf Weiteres keine Updates gibt.

Auch wenn der Entscheid von Adobe, den SVG-Player nicht mehr anzubieten, als Rückschlag betrachtet werden kann tut sich zurzeit einiges: Mit der angekündigten und von gewissen Browsern auch bereits unterstützten Einführung von HTML5 und dem dazugehörenden Canvas-Tag rückt auch die SVG-Technologie wieder in den Fokus. So ergeben sich bei der Darstellung und Manipulation von Inhalten mit Canvas und svg durchaus Parallelen. Interessante Infos zu Gemeinsamkeiten und Unterschieden finden sich in diesen Artikeln SVG or Canvas? ?hoosing between the two. und A Bit of SVG and Canvas

März 2010

Scalable Vector Graphics for Web Browsers using Flash
Ein sehr interessantes Projekt bei google code, bei dem mit einer Javascript-Library SVG Inhalte verarbeitet und mittels Flash im Browser dargestellt werden: svgweb

Am 1. Januar 2009 hat Adobe die Unterstützung ihres svg-players eingestellt! Um animierte SVG-Dateien in bestmöglicher Qualität abzuspielen empfiehlt sich dieses Tool: Renesis Player

SVG ist ein auf XML basierender, vollständig offener Web-Standard, der vom World Wide Web Consortium (W3C) empfohlen wird. Mit SVG können unter anderem Vektorgrafiken erstellt und mit Javascript oder serverseitigen Scripts (php) animiert und auch im Zusammenspiel mit Datenbanken ausgewertet werden.

Beispiele

[ rss-reader ]
Ajax / SVG Rss Reader. Adobe SVG Viewer benötigt

       ajax svg rss reader

[ DUB-zone ]
SVG bietet auch die Möglichkeit Sounds einzubinden (mp3, wav) und zu manipulieren.

       dubZone

[ analog clock ]
SVG / Javascript

[ rotating on z-axis / pseudo 3d ]
SVG / Javascript
close