Zaradenie canvas elementu do HTML 5 prinieslo niečo, čo mne osobne v HTML už neraz chýbalo - kreslenie. Áno, existujú technológie ako Flash, Java či SVG, ktoré to umožňovali skôr. No mať to priamo v HTML  sa mi zdá čistejšie a tiež by to malo mať navrch v oblasti prístupnosti. Netreba totiž inštalovať žiadne rozšírenia do prehliadača. Stačí, že to naša verzia prehliadača podporuje. A tu nastáva problém menom Internet Explorer.

Ani v pre niektorých najmodernejšom prehliadači súčasnosti - Internet exploreri 8 nie je podpora pre canvas implementovaná. U tohto prehliadača boli web programátori v minulosti zvyknutí, že preň musia prispôsobovať svoj kód. Teraz je to tak aj v prípade canvasu.

Existuje niekoľko implementácií canvasu pre Internet Explorer, napríklad:

• Explorer Canvas od Google, (http://code.google.com/p/explorercanvas/)
• IE Canvas od Emila A. Eklunda, (http://me.eae.net/projects/iecanvas/)

Ja som sa rozhodol pre implementáciu od Google, pretože demo na stránke Emila Eklunda mi v Exploreri 8 nefungovalo. Zaradenie do projektu je veľmi jednoduché. Stačí súbor excanvas.js skopírovať medzi naše ostatné javascript súbory a v hlavičke stránky pridať nasledovný riadok:

<!--[if IE]><script type=”text/javascript” src=”/js/excanvas.js”></script><![endif]–>

O samotnú internú inicializáciu sa skript postará sám, netreba volať žiadnu funkciu.

PS1: Keďže ide o novinku, prehliadače v súčasnosti neimplementujú všetky funkcie. Jedná sa predovšetkým o kreslenie textu. O tejto komplikácii napíšem v ďalšom článku.

PS2: Úlohou tohto článku nie je očierňovať Internet Explorer, tento prehliadač prešiel napriek minulosti kus cesty smerom k IT štandardom. Úlohou je pomôcť dosiahnuť niečo, čo sa momentálne bežným postupom dosiahnuť nedá, no v blízkej budúcnosti sa pravdepodobne bude dať.

Tagy: canvas, html, javascript