L' élément SVG nous permet de définir des modèles à l'intérieur de notre balisage SVG et d'utiliser ces modèles comme un fill. Le processus de base pour les modèles est quelque chose comme:
- Définir un
intérieur du SVG - Définir les formes à l'intérieur du motif
- Utilisez les formes
- Créez une nouvelle forme et remplissez-la avec le motif
Il s'agit d'une collection de formes SVG simples utilisées comme motifs. Cette liste peut s'allonger avec le temps, mais l'idée est moins d'avoir une collection complète que d'avoir la syntaxe à portée de main comme point de départ pour créer de nouveaux modèles passionnants.
Nous en conservons également une collection sur CodePen.
Motif de cercle
Motif en damier
Motif hexagonal
Motif de cube
Motif Chevron
Si vous souhaitez jouer en temps réel avec les différents attributs d'un motif pour avoir une idée du fonctionnement du motif, essayez ceci: