Section outline

  • Plátno (<canvas>) umožňuje kreslit grafiku přímo pomocí JavaScriptu.
    Díky němu můžeš vytvářet jednoduché animace, interaktivní prvky nebo vizualizace dat – a to všechno bez použití obrázků.
    Práce s plátnem rozvíjí logické myšlení i představivost, protože kombinuje programování a grafiku.

    V této části se naučíš:

    • vytvořit a nastavit plátno pomocí HTML atributů width a height,

    • ověřit kontext vykreslování a používat základní příkazy pro kreslení,

    • kreslit čáry a tvary pomocí metod beginPath(), moveTo(), lineTo() a arc(),

    • vymazávat části plátna pomocí clearRect(),

    • a vytvořit jednoduchou animaci pomocí opakovaného překreslování.