Webdev

SVG - cięcie i maskowanie

Czasem nie chcemy pokazywać całego obrazu lub stworzyć nastrój poprzez maskowanie. Wycinanie polega na ukrywaniu tego, co byłoby normalnie narysowane (obiekty stają się przezroczyste). Obszary przeznaczone do takiego działania są określone przez matrycę zwaną ścieżką wycinania.

Czytaj dalej

SVG od podstaw - gradienty i wzorki

Oprócz wypełnienia figury jednym kolorem w SVG można używać również gradientów czyli płynnych przejść jednej barwy w drugą. Gradient musi być zdefiniowany wewnątrz znacznika <defs>. Podajemy tam identyfikator, do którego odwołujemy się później we właściwości fill wybranej figury za pomocą adresu złożonego ze znaku # i nazwy gradientu. W SVG wyróżniamy dwa rodzaje gradientów liniowy i promienisty.

Czytaj dalej