SVG öğesi, SVG işaretlememizin içindeki kalıpları tanımlamamıza ve bu kalıpları bir fill. Kalıplar için temel süreç şuna benzer:
SVG'nin içini tanımlayın- Desenin içindeki şekilleri tanımlayın
- Şekilleri kullanın
- Yeni bir şekil oluşturun ve onu desenle doldurun
Bu, desen olarak kullanılan basit SVG şekillerinin bir koleksiyonudur. Bu liste zamanla büyüyebilir, ancak fikir, kapsamlı bir koleksiyona sahip olmaktan ziyade, yeni ve heyecan verici kalıplar oluşturmak için bir başlangıç noktası olarak sözdizimini kullanışlı hale getirmekten daha azdır.
Ayrıca bunların bir koleksiyonunu CodePen'de tutuyoruz.
Daire Desen
Dama Tahtası Deseni
Altıgen Desen
Küp Modeli
Chevron Deseni
Desenlemenin nasıl çalıştığına dair bir fikir edinmek için bir desenin farklı nitelikleriyle gerçek zamanlı olarak oynamak isterseniz, şunu deneyin: