Section outline

      • Collapse Expand

        Plátno v JS

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