HTML Canvas

Canvas podržava samo jedan oblik – pravokutnik. Svi  ostali  oblici  se stvaraju  kombiniranjem jedne ili  više  staza (paths).

Za crtanje pravokutnika koristimo funkcije:
  • fillRect (x, y, w, h) – crta ispunjeni pravokutnik
  • strokeRect (x, y, w, h) – crta samo obrub pravokutnika
  • clearRect (x, y, w, h) – daje prozirnost pravokutnika

x i y su koordinate gornje lijevog kuta pravokutnika, a w i h su širina i visina pravokutnika.


Primjer 1:









Primjer 2: