HTML Canvas

  • 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