Úloha

Zadání (kontext úlohy):

Chceme si vyzkoušet kreslení kruhů a oblouků na plátně. Nakreslíme jeden kruh jen s obrysem, druhý vyplněný a také půlkruh.

Cíl úlohy:

Student si procvičí použití metody arc(), práci s radiány a vykreslení obrysu (stroke) i výplně (fill).

Vstupní podmínky:

Student pracuje se souborem index.html, kde je vložen <canvas> s id platno. JavaScript bude ve <script> na konci stránky.

Požadovaný výstup:

  • Na plátně bude:

    • modrý kruh jen s obrysem,

    • oranžový vyplněný kruh,

    • zelený půlkruh.

  • Každý tvar začíná voláním beginPath() a končí stroke() nebo fill().

Doplňující pokyny:

  • Celý kruh se kreslí úhly od 0 do 2 * Math.PI.

  • Půlkruh vytvoříš od 0 do Math.PI.

  • Nezapomeň, že metoda arc(x, y, r, startAngle, endAngle) potřebuje úhly v radiánech.