Canvas - HTML5 - page 187

TIPP

Wer keinen Apache-Server installieren will oder kann und Python zur Verfügung
hat, der kann mit einem Einzeiler einen rudimentären Webserver im aktuellen
Verzeichnis auf Port 8000 starten und dann den Inhalt dieses Verzeichnisses
über die Adresse http://localhost:8000/ im Browser ansprechen:
python -m SimpleHTTPServer

5.15.4 Browserunterstützung

Sowohl die aktuellen Versionen von Firefox als auch von Safari, Chrome und
mit Abstrichen auch Opera unterstützen einen Großteil der Canvas-Spezifika-
tion. Wer Canvas im IE sehen will, muss auf IE9 warten, denn spätestens mit
diesem Browser-Release will Microsoft Canvas hardware-beschleunigt unter-
stützen. Workarounds wie Googles Chrome Frame Plugin ( http://code.google
.com/ chrome/chromeframe/ ) oder der JavaScript-Shim explorercanvas ( http://
code.google.com/p/explorercanvas/ ) sind damit obsolet.

Beim Implementierungsgrad jener Browser, die Canvas schon jetzt unterstüt-
zen, gibt es erwartungsgemäß leichte Unterschiede. Als wertvolle Quelle zur
Bestimmung des jeweiligen Implementierungsgrads dient die Canvas Testsuite
von Philip Taylor mit rund 800 Tests sowie einer tabellarischen Aufstellung der
Testergebnisse für die wichtigsten Browser:

http://philip.html5.org/tests/canvas/suite/tests/

Alle Beispiele in diesem Canvas-Kapitel wurden, wie an den Screenshots zu
erkennen ist, mit Firefox entwickelt und liefen zum Zeitpunkt der Manuskrip-
terstellung im Sommer 2010 mit Ausnahme zweier Bugs bei der Compositing-
Methode copy und dem Darstellen von Fonts mit small-caps in Firefox einwand-
frei. Auch Safari und Chrome schneiden bei den Beispielen recht gut ab, Safari
dabei besser als Chrome. Schlecht bestellt ist es leider um Opera, dem die feh-
lende Text-Implementierung zum Verhängnis wird. Jeder Aufruf von fillText()
oder strokeText() führt zum sofortigen Abbruch des Scripts - ein Umstand,
der sich aufgrund der Tatsache, dass fast alle Grafiken Text benötigen, fatal
auswirkt.

Da sich bei den gängigen Browsern mit jedem neuen Release Verbesserun-
gen in der Canvas-Implementierung ergeben können, werden Details über die
Lauffähigkeit der Beispiele laufend im Inhaltsverzeichnis der Beispiele aktuali-
siert - der Link dorthin lautet: http://html5.komplett.cc/code/chap_canvas/ .