Úloha 2 – Ověření kontextu a základní kreslení do canvasu

Řešení úlohy

Co je zde splněno

• Do HTML vložen <canvas> s atributy width="400" a height="200".

• Pomocí document.getElementById() získán odkaz na plátno.

• Použita metoda getContext("2d") a výsledek uložen do proměnné ctx.

• Přidána podmínka, která vypíše chybu, pokud je ctx == null.

• Pokud se kontext podaří získat, na plátno se vykreslí obdélník.

Poznámky

• Umístění <script> až za <canvas> je nutné, aby byl prvek v DOM dostupný.

• Výpis chyby document.write() se použije jen pro jednoduchost – v praxi se spíše píše chybová hláška do určitého elementu.