Řešení úlohy

Co je zde splněno

  • Na plátně je modrý obdélník vykreslený pomocí rect() a stroke().

  • Vedle je čtverec vyplněný oranžovou barvou pomocí rect() a fill().

  • Každý tvar má svou cestu: beginPath() na začátku a closePath() na konci.

  • Správně nastaveny vlastnosti pro obrys (strokeStyle, lineWidth) i výplň (fillStyle).

Vylepšení oproti začátečnické verzi

  • Vytvořena univerzální funkce drawRect, která umí kreslit jak s výplní, tak s obrysem.

  • Použit moderní zápis (const, objekt s parametry).

  • Přidán vylepšený vzhled plátna (stín, zarovnání na střed, světlé pozadí).

  • Kód je modulárnější a snadno rozšiřitelný o další tvary.