2740390510

strokeStyle = kolor - ustawia kolor odrysowania na zadany, kolor może być podany w postaci szesnastkowej (np. „#FFFFFF”), lub jako RGB („rgb (255,255,255) ”). Uwaga - kolor nie obsługuje komponentu alfa -przezroczystości!

Zmiana właściwości wypełnienia:

filistyle = styl - ustawia styl wypełnienia, może być zadany jako kolor (w postaci szesnastkowej, lub jako RGB), wzór lub gradient.

Tworzenie wzoru:

createPattern (źródło, typ zapętlenia) - tworzy wzór. Źródłem może być obsługiwany obraz, wideo lub nawet inne płótno. Typ zapętlenia określa zachowanie wypełnienia, jeśli jego wielkość przekracza rozmiar obiektu wypełniającego, możliwe wartości:

„repeat" - zapętlenie źródła (mozaika)

„repeat-x" - zapetlenie tylko w osi X „repeat-y" - zapętlenie tylko w osi Y „no-repeat" - brak zapętlenia

W przypadku braku zapętlenia w dane osi, obraz źródła jest wyświetlany od lewego górnego rogu, zaś nadmiarowy obszar zostaje wypełniony powielonym ostatnim wierszem/kolumną źródła.

createLinearGradient (xl, yl, x2,    y2) - stworzenie liniowego gradientu,

odpowiadającego linii o końcach w zadanych punktach.

Kolory do gradientu dodajemy :

obiekt_gradientu.addStop (znormalizowana_odległość, kolor) — określa kolor (szesnastkowo, lub RGB) gradientu w danym punkcie (na danej odległości, 0 oznacza początek, 1 - koniec gradientu). Kolor w danym punkcie przedziału między dwoma punktami o określonym kolorze jest wyznaczany jako ich liniowe przekształcenie. Kolor przed pierwszym i po ostatnim punkcie są ich powieleniem.

Analogicznie:

createRadialGradient(xl, x2, promień początkowy, x2,y2, promień końcowy) - zwraca gradient promienisty.

20