SVG- elementet giver os mulighed for at definere mønstre inde i vores SVG-markering og bruge disse mønstre som en fill. Den grundlæggende proces for mønstre går omtrent som:
- Definer en
inderside af SVG - Definer figurerne inde i mønsteret
- Brug figurerne
- Opret en ny form, og udfyld den med mønsteret
Dette er en samling af enkle SVG-former, der bruges som mønstre. Denne liste kan vokse over tid, men ideen er mindre at have en omfattende samling, end det er at have syntaksen praktisk som udgangspunkt for at skabe nye og spændende mønstre.
Vi holder også en samling af disse over på CodePen.
Cirkelmønster
Skakternet mønster
Sekskantmønster
Terningmønster
Chevron mønster
Hvis du gerne vil lege rundt i realtid med de forskellige egenskaber ved et mønster for at få en fornemmelse for, hvordan mønsteret fungerer, så prøv dette: