Úloha

Zadání (kontext úlohy):

Máš na stránce vložený <canvas>, ale ten zatím nic nekreslí. Abychom mohli začít, je potřeba získat 2D kontext a ověřit, že se to povedlo.

Cíl úlohy:

Student si procvičí získání 2D kontextu z elementu <canvas> a jednoduchou kontrolu, zda je k dispozici.

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:

  • Pomocí document.getElementById získáš odkaz na <canvas>.

  • Pomocí getContext("2d") se vytvoří proměnná ctx.

  • Pokud je ctx == null, vypíše se do stránky hláška „Chyba: kontext se nepodařilo získat“.

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

Doplňující pokyny:

  • Umísti <script> až za <canvas>, aby byl element načtený dříve, než se na něj odkazuješ.

  • Nezapomeň nastavit atributy width a height přímo na <canvas>.