Canvas podržava samo jedan oblik – pravokutnik te se svi ostali oblici stvaraju kombiniranjem jedne ili više staza (paths).
-
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
-
Gdje su: x i y koordinate gornje lijevog kuta pravokutnika, a w i h širina i visina pravokutnika.
Primjer 1:
Primjer 2: