L' elemento SVG ci consente di definire modelli all'interno del nostro markup SVG e di utilizzare tali modelli come file fill. Il processo di base per i modelli è qualcosa del tipo:
- Definisci un
interno dell'SVG - Definisci le forme all'interno del motivo
- Usa le forme
- Crea una nuova forma e riempila con il motivo
Questa è una raccolta di semplici forme SVG utilizzate come modelli. Questo elenco può crescere nel tempo, ma l'idea è meno di avere una raccolta completa che di avere la sintassi a portata di mano come punto di partenza per la creazione di modelli nuovi ed entusiasmanti.
Stiamo anche mantenendo una raccolta di questi su CodePen.
Modello di cerchio
Motivo a scacchiera
Modello esagonale
Modello cubo
Modello Chevron
Se desideri giocare in tempo reale con i diversi attributi di un pattern per avere un'idea di come funziona il pattern, prova questo: