Canvas tutoriál
Z MDC
<canvas> je nový prvek HTML, který umožní kreslit grafiku pomocí skriptování (obvykle JavaScriptem). Může to být například vykreslování grafů, komponování obrázku jednoduchých (i složitějších) animací. Obrázek vpravo zobrazuje několik příkladů použití <canvas>, které spatříme později v tomto tutoriálu.
<canvas> byl poprvé uveden firmou Apple pro Dashboard v Mac OS X a později implementován do Safari. Prohlížeče založené na jádře Gecko 1.8 a novějších, například Firefox 1.5, již také podporují tento nový element. Prvek <canvas> je obsažen ve specifikaci WhatWG Web applications 1.0, známé jako HTML 5.
V tomto průvodci se pokusíme vysvětlit, jak implementovat <canvas> do vašich vlastních HTML stránek. Poskytnuté příklady by vám měly poskytnout jasnou představu, co můžete dělat s prvkem <canvas> a jak jej využívat při vytváření vašich vlastních implementací.
[editovat] Než začnete
Používání prvku <canvas> není obtížné, ale potřebujete znát základy HTML a JavaScript.
Jak je uvedeno výše, prvek <canvas> není podporován všemi moderními prohlížeči, takže ke shlédnutí všech příkladů potřebujete Firefox 1.5 či jiný současný prohlížeč založený na jádře Gecko, Operu 9 nebo současnou verzi Safari.
[editovat] V tomto tutoriálu
- Základní použití
- Kreslení tvarů
- Používání obrázků
- Aplikování stylů a barev
- Transformace
- Skládání
- Základní animace