Opis 

Płótno canvas - nasze rysunki

Własności i metody obiektu malarz:

  • malarz.lineWidth= "szerokość linii w px";
  • malarz.strokeStyle= "kolor linii";
  • malarz.fillStyle= "kolor wypełnienia";
  • malarz.stroke(); - narysuj ścieżkę
  • malarz.fill(); - wypełnij ścieżkę

  • malarz.beginPath(); - zakończ poprzednią, rozpocznij nową ścieżkę
  • malarz.moveTo(x,y); - przejdź do punktu (x,y)
  • malarz.lineTo(x,y); - twórz prostą ścieżkę do punktu (x,y)
  • malarz.arc(x, y, r, 0, Math.PI*2); - ścieżka okręgu
  • malarz.arc(x, y, r, start, end, counterclockwise); - łuk, start i end w radianach
  • malarz.closePath(); - domknij ścieżkę

  • malarz.strokeRect(x,y,szer,wys); - narysuj kontur prostokąta
  • malarz.fillRect(x,y,szer,wys.); - narysuj wypełniony prostokąt
  • malarz.clearRect(x,y,szer,wys); - wyczyść prostokąt

 Kod 
 Podgląd: