SVG елементът ни позволява да дефинираме модели вътре в нашата SVG маркировка и да ги използваме като a fill. Основният процес за модели протича по следния начин:
- Определете
вътрешността на SVG - Определете фигурите вътре в шаблона
- Използвайте фигурите
- Създайте нова форма и я запълнете с шарката
Това е колекция от прости SVG форми, използвани като модели. Този списък може да се разраства с времето, но идеята е по-малко да имате изчерпателна колекция, отколкото да имате удобен синтаксис като отправна точка за създаване на нови и вълнуващи модели.
Също така съхраняваме колекция от тях в CodePen.
Кръгов модел
Модел на шах
Шестоъгълен модел
Модел на куб
Шеврон модел
Ако искате да си поиграете в реално време с различните атрибути на даден модел, за да усетите как работи шаренето, опитайте следното: