Staza – Path()

  • Pomoću funkcije beginPath() započinje se nova staza, a zatvara funkcijom closePath() 

  • moveTo, lineTo, arcTo, arc i slične metode koriste se za dodavanje segmenata stazi

  • funkcija closePath() zatvara oblik tako da crta ravnu liniju od trenutne pozicije do početne

  • Ako je oblik već zatvoren ili  je samo jedna točka u listi, funkcija ne radi ništa

  • Kada  se oblik stvori, mogu  se  koristiti fill() i/ili stroke() za crtanje staze (oblika)

  • stroke() se  koristi  za  crtanje  obruba,  dok fill() ispunjava oblik. 

  • Kada se poziva fill() metoda, staza  će  se  automatski  zatvoriti  pa  nije  potrebno  koristiti closePath() metodu.

Primjer – crtanje trokuta

Ispunjen trokut

 

 

 

 

 

 

 

 

Trokut JavaScript kôd

 

 

 

 

 

 

 

 

 

Crtanje oblika                                                                                                                                                                                                              Crtanje linija

Skip to content