SVG element omogućuje nam definiranje uzoraka unutar našeg SVG označavanja i korištenje tih uzoraka kao fill. Osnovni postupak za uzorke ide otprilike poput:
- Definirajte
unutrašnjost SVG-a - Definirajte oblike unutar uzorka
- Koristite oblike
- Stvorite novi oblik i ispunite ga uzorkom
Ovo je zbirka jednostavnih SVG oblika koji se koriste kao uzorci. Ovaj se popis s vremenom može povećavati, ali ideja je manje imati sveobuhvatnu zbirku, nego imati sintaksu pri ruci kao početnu točku za stvaranje novih i uzbudljivih uzoraka.
Također ih čuvamo na CodePenu.
Uzorak kruga
Uzorak šahovnice
Šesterokutni obrazac
Uzorak kocke
Ševronski uzorak
Ako se želite poigrati u stvarnom vremenu s različitim atributima uzorka kako biste stekli osjećaj kako funkcionira uzorkovanje, pokušajte ovo: