Az SVG elem lehetővé teszi, hogy meghatározzunk mintákat az SVG jelölőnk belsejében, és ezeket a mintákat a-ként használjuk fill. A minták alapvető folyamata a következő:
- Határozza meg
az SVG belsejét - Határozza meg az alakzatokat a minta belsejében
- Használja az alakzatokat
- Hozzon létre egy új alakzatot, és töltse ki a mintával
Ez egyszerű SVG alakzatok gyűjteménye, amelyeket mintaként használnak. Ez a lista idővel növekedhet, de az az ötlet, hogy ne legyen átfogó gyűjteménye, mint az, hogy a szintaxis hasznos legyen kiindulópontként új és izgalmas minták létrehozásához.
Ezeket a CodePen-en is gyűjtjük.
Kör minta
Checkerboard minta
Hatszög minta
Kocka minta
Chevron minta
Ha valós időben szeretne játszani a minta különböző attribútumaival, hogy átérezhesse a minta működését, próbálja ki ezt: