Der folgende Beitrag wurde am 08. 05. 2010, 11:52 Uhr von WiMu veröffentlicht.
Moin,
möchte mich ein wenig mit clientseitig erzeugten Grafiken beschäftigen, insbesondere mit (per javascript) animierten 3D-Objekten. Nun weiß ich aber nicht so recht, was lohnenswerter ist, SVG oder CANVAS (vorweg: flasch, VML und silverlight kommt mir aus diversen Gründen nicht in die Tüte)? Mal ein paar meiner Gedanken:
SVG:
* ist im Gegensatz zu <canvas> ein webstandard
* basiert auf XML
* lässt sich mit stylesheets manipulieren
* lässt sich mit SMIL animieren (derzeit funktioniert das aber nur im Opera, soweit ich weiß)
* verfügt über diverse Filter für Pixelgrafiken
* Nachteil: kennt keinen z-index, weshalb ständig der DOM-Baum manipuliert werden müsste
* Nachteil: korrigiert mich, wenn ich mich irre, aber bei meinen bisherigen Versuchen, war SVG extrem langsam (z.B. irgendwas per js rotieren lassen, und so)
SVG-Beispiele: erstmal ganz was simples, 3D-Funktionsplotter (auch mit VML für'n IE), 'n paar animierte wireframes und das ist der Hammer (funktioniert aber nur im FF)
CANVAS:
* ist proprietär (Adobe), wird aber ab HTML5 standartisiert
* die per js erzeugten Grafiken lassen sich abspeichern
* kennt im Gegensatz zu SVG auch z-index (gerade für 3D-Objekte ziemlich hilfreich)
* ist (wie gesagt korrigiert mich, wenn ich mich irre) nach meiner Erfahrung weit schneller als SVG
CANVAS-Beispiele: auch erstmal eher einfach und diverse Beispiele (darunter ein paar echt haarsträubende Sachen)
So, was sollte ich mir eher in den Kopp packen? Für beides fehlt mir die Zeit;
Grüße,
WiMu
Der folgende Beitrag wurde am 08. 05. 2010, 16:38 Uhr von Dodwin veröffentlicht.
Hallo WiMu,
Dieser Artikel dürfte dich interessieren:
SVG or Canvas
Gruß,
Dodwin
--
Dodwin
Der folgende Beitrag wurde am 08. 05. 2010, 17:42 Uhr von WiMu veröffentlicht.
1000 Dank, genau so 'nen Artikel hab' ich gebraucht.
Nu erstmal lesen ...
Grüße,
WiMu
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4