Posts

Es werden Posts vom Juni, 2010 angezeigt.

SVG Animationen (Fortschrittsbalken)

Ich hab mich in den letzten Tagen ein bisschen mit SVG Animationen beschäftigt und diese drei Fortschrittsbalken gebastelt.

Die Animationen sind alle mit JavaScript gemacht und mit sollten mit den aktuellen Versionen von Opera, Safari, Chrome und Firefox gehen. der Internet Explorer darf allerdings nicht mitspielen, warum selbst das aktuelle Prerelease nicht viel besser ist habe ich ja bereits geschrieben. Der verwendete JavaScript Code ist relativ einfach, er eignet sich also gut als Beispiel für SVG Animationen. Es ist aber auch das erste Mal das ich was mit JavaScript programmiert habe also könnte man es vielleicht noch verbessern. Den Code stelle ich unter die MIT-Lizenz, also viel Spaß beim selber experimentieren.







Zum erneuten anzeigen einfach den "Neu Laden" Button oder die Taste F5 drücken.

Microsoft das nervt!

Da veröffentlicht MS doch glatt eine Statistik die einen in den glauben versetzt, das der Internet Explorer 9 der Browser mit der besten SVG Unterstützung sein wird:
http://samples.msdn.microsoft.com/ietestcenter/#svg11e2

Was aber nicht explizit dabei steht, das für diesen Vergleich nur 31 von MS selber geschriebene Test benutzt wurden. Das ist ungefähr so als würde ich behaupten, das ich der intelligenteste Mensch auf der Welt bin, und das mit einem von mir selber erstellten Test beweisen. Den ich dann natürlich mit weniger Fehlern lösen kann als alle anderen.

Aber zum Glück gibt es auch vom W3C offizielle Tests für SVG. Das sind auch nicht nur 31 sondern 280. Und um jetzt die verschiedenen Browser vergleichen zu können hat sich jemand die Mühe gemacht und eine schöne Grafik erstellt:
http://www.codedread.com/svg-support.php

Bei diesen offiziellen Tests kommt der IE9 nur auf 30,55% und nicht auf 100% und in dieser Liste ist der IE9 auch nicht der Browser mit der besten SVG Unterstützun…