svg (scalable vector graphics)
Januar 2012
Was HTML5/CSS3 neu bringt und was SVG schon lange kann... Beides zusammen geht auch.
Effects for the Web!
Was HTML5/CSS3 neu bringt und was SVG schon lange kann... Beides zusammen geht auch.
Effects for the Web!
Oktober 2011
Update der alten SVG-Applikationen - der 10 Jahre! alte Code der früher auf den nicht mehr zur Verfügung stehenden Adobe SVG-Player zugeschnitten war, konnte nun (endlich) angepasst werden und läuft nun auch auf den neuen Browsern - mit einigen Abstrichen zwar z.B. aufgrund mangelnder Unterstützung von audio. Zumindest ansatzweise wird aber ersichtlich, dass SVG schon vor 10 Jahren auch bei Animationen, im Zusammengehen mit Javascript Resultate erzielen konnte, welche zurzeit mit HTML5-Canvas angestrebt werden. Sollten die neuen Browser in absehbarer Zukunft auch noch die Sound-Implementierung unterstützen, könnte SVG seine seit seiner Einführung prophezeite Rolle als "W3C-offizieller" Flash-Konkurrent auf dem Hinterweg doch noch einnehmen. Beispiele
[ dubZone ]
SVG bietet auch die Möglichkeit Sounds einzubinden (mp3, wav) und zu manipulieren. (Sound wird zurzeit nicht mehr unterstüzt)
[ analog clock ]
SVG / Javascript
[ rotating on z-axis / pseudo 3d ]
SVG / Javascript
Update der alten SVG-Applikationen - der 10 Jahre! alte Code der früher auf den nicht mehr zur Verfügung stehenden Adobe SVG-Player zugeschnitten war, konnte nun (endlich) angepasst werden und läuft nun auch auf den neuen Browsern - mit einigen Abstrichen zwar z.B. aufgrund mangelnder Unterstützung von audio. Zumindest ansatzweise wird aber ersichtlich, dass SVG schon vor 10 Jahren auch bei Animationen, im Zusammengehen mit Javascript Resultate erzielen konnte, welche zurzeit mit HTML5-Canvas angestrebt werden. Sollten die neuen Browser in absehbarer Zukunft auch noch die Sound-Implementierung unterstützen, könnte SVG seine seit seiner Einführung prophezeite Rolle als "W3C-offizieller" Flash-Konkurrent auf dem Hinterweg doch noch einnehmen. Beispiele
[ dubZone ]
SVG bietet auch die Möglichkeit Sounds einzubinden (mp3, wav) und zu manipulieren. (Sound wird zurzeit nicht mehr unterstüzt)
)
[ analog clock ]
SVG / Javascript
[ rotating on z-axis / pseudo 3d ]
SVG / Javascript
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
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
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.
Tutorials
){kind=link}
){kind=link}
code & design
labor
service
websites
