Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

Canvas tutoriál

<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í.

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.

V tomto tutoriálu

Dodatečné zdroje

Štítky a přispěvatelé do dokumentace

 Přispěvatelé této stránky: teoli, fscholz, Pawell, DJ.Maca, Triceo
 Poslední aktualizace od: teoli,