Crtanje oblika

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:

Kvadrati

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

JavaScript kôd

 

 

 

 

Primjer 2:

Crtanje kvadrata

 

 

 

 

 

 

 

 

 

 

 

 

 

JavaScript kôd

 

 

 

 

 

Koordinatni sustav                                                                                                                                                                                                    Staza – Path()

Skip to content