2740390508

arc(x, y, promień, kąt początkowy, kąt końcowy, czy przeciwnie do ruchu wskazówek zegara?) - stworzenie nowego fragmentu ścieżki w postaci łuku - wycinka okręgu o środku w zadanym punkcie, o podanym promieniu, kącie początkowym i końcowym oraz zadanym kierunku rysowania. Kąty podawane są w radianach.

quadraticCurveTo (xl, yl, x2, y2) - stworzenie nowego fragmentu ścieżki -krzywej kwadraturowej, o punkcie startowym w punkcie bieżącym i dwóch punktach kontrolnych oraz przeniesienie wskaźnika do punktu końcowego.

bezierCurveTo (xl, yl, x2, y2, xk, yk) - stworzenie nowego fragmentu ścieżki - krzywej Beziera, o punkcie startowym w punkcie bieżącym, dwóch punktach kontrolnych i punkcie końcowym podanych jako parametry oraz przeniesienie wskaźnika do punktu końcowego.

closePath () - domknięcie ścieżki - dodanie do ścieżki odcinka między ostatnim a pierwszym punktem dodanym do ścieżki - istotne, gdy chcemy np. wypełnić wnętrze ścieżki.

rect(x, y, szerokość, wysokość) - stworzenie ścieżki w postaci prostokąta z lewym górnym rogiem w podanych współrzędnych i o podanych wymiarach (wysokość, szerokość).

Powyższe metody tworzą same abstrakcyjne ścieżki na płaszczyźnie, niewidoczne dla użytkownika końcowego. Aby na podstawie ścieżek wygenerować ostateczny kształt konieczne jest jej odrysowanie lub wypełnienie. Służą do tego metody: f i 11 () - wypełnienie ścieżki stroke () - poprowadzenie pędzla wzdłuż ścieżki

Sposób, w jaki kształt ścieżki zostanie wypełniony lub odrysowany można zmodyfikować przed wywołaniem odpowiedniej metody.

Zmiana właściwości odrysowywania (pędzla) - traktowane jako właściwości aktualnego kontekstu rysowania:

lineWidth = grubość - ustawienie szerokości odrysowywanej linii (w pikselach). lineJoin = styl - styl rysowania załamań linii dla pędzla o szerokości ponad 1 -„miter” daje ostre krawędzie, „round” zaokrąglone, a „bevel” - ścięte.

lineCap = styl - styl rysowania zakończeń linii - „butt” daje ściętą krawędź, „round” zaokrągloną, „sąuare” - kwadratową (rzeczywista długość narysowanej linii będzie dłuższa w zależności od zadanej szerokości pędzla).