Úloha

Zadání (kontext úlohy):

Na prázdném canvasu chceme zobrazit několik základních tvarů – obdélník, kruh a ukázku „gumování“ pomocí clearRect().

Cíl úlohy:

Student si procvičí kreslení vyplněného obdélníku, kruhu pomocí cesty a mazání části plátna.

Vstupní podmínky:

Student pracuje pouze se souborem index.html, který obsahuje <canvas> s id platno. JavaScriptový kód bude umístěn přímo ve <script> na konci stránky.

Požadovaný výstup:

  • Na plátně se objeví vyplněný zelený obdélník.

  • Vedle něj bude nakreslený modrý vyplněný kruh.

  • Část obdélníku bude „vymazaná“ pomocí clearRect().

Doplňující pokyny:

  • Nezapomeň začít nový tvar pomocí beginPath() při kreslení kruhu.

  • Úhel v arc() zadávej v radiánech (pro celý kruh použij 0 až 2 * Math.PI).

  • clearRect() funguje jako guma – vymaže zadaný obdélník uvnitř plátna.