Element SVG nam omogoča, da znotraj oznake SVG določimo vzorce in jih uporabimo kot a fill. Osnovni postopek za vzorce gre nekako takole:
- Določite
notranjost SVG - Določite oblike znotraj vzorca
- Uporabite oblike
- Ustvari novo obliko in jo napolni z vzorcem
To je zbirka preprostih oblik SVG, ki se uporabljajo kot vzorci. Ta seznam se lahko sčasoma povečuje, vendar ideja ni toliko v tem, da bi imeli celovito zbirko, kot da bi bila skladnja priročna kot izhodišče za ustvarjanje novih in vznemirljivih vzorcev.
Zbirko le-teh hranimo tudi na CodePenu.
Vzorec kroga
Vzorec šahovnice
Vzorec šesterokotnika
Vzorec kocke
Vzorec Chevron
Če se želite v realnem času poigrati z različnimi atributi vzorca, da dobite občutek, kako deluje vzorčenje, poskusite to: