SVG elements ļauj mums definēt modeļus mūsu SVG marķējuma iekšienē un izmantot šos modeļus kā a fill. Modeļu pamatprocess notiek apmēram šādi:
- Definējiet
SVG iekšpusi - Definējiet formas modeļa iekšpusē
- Izmantojiet formas
- Izveidojiet jaunu formu un aizpildiet to ar modeli
Šī ir vienkāršu SVG formu kolekcija, ko izmanto kā modeļus. Šis saraksts laika gaitā var pieaugt, taču ideja ir tāda, ka ir visaptveroša kolekcija, nekā sintakse ir ērta kā sākumpunkts jaunu un aizraujošu modeļu veidošanai.
Mēs arī glabājam to kolekciju CodePen.
Apļa modelis
Dambretes raksts
Sešstūra raksts
Kubu raksts
Ševrona raksts
Ja vēlaties reāllaikā spēlēties ar dažādiem raksta atribūtiem, lai sajustu, kā darbojas zīmējums, izmēģiniet šo: