Úloha

Zadání (kontext úlohy):

Na prázdné plátno potřebujeme nakreslit dvě čáry – jednu vodorovnou a druhou šikmou. Čáry budou mít různé barvy a tloušťky.

Cíl úlohy:

Student si procvičí práci s cestou (path) – použití metod beginPath(), moveTo(), lineTo() a stroke().

Vstupní podmínky:

Student pracuje se souborem index.html, kde je vložený <canvas> s id platno. Kód JavaScriptu bude přímo ve <script> na konci stránky.

Požadovaný výstup:

  • První čára: vodorovná, červená, silnější (tloušťka např. 4 px).

  • Druhá čára: šikmá, modrá, tenčí (tloušťka např. 2 px).

  • Každá čára začíná vlastní cestu pomocí beginPath().

Doplňující pokyny:

  • Nastav tloušťku (lineWidth) a barvu (strokeStyle) vždy před vykreslením stroke().

  • Pokud vynecháš beginPath(), obě čáry se spojí do jedné.