Elemen SVG memungkinkan kita untuk mendefinisikan pola di dalam markup SVG kita dan menggunakan pola tersebut sebagai a fill. Proses dasar untuk pola berjalan seperti:
- Tentukan bagian
dalam SVG - Tentukan bentuk di dalam pola
- Gunakan bentuknya
- Buat bentuk baru dan isi dengan pola
Ini adalah kumpulan bentuk SVG sederhana yang digunakan sebagai pola. Daftar ini mungkin bertambah seiring waktu, tetapi idenya kurang untuk memiliki koleksi yang komprehensif daripada memiliki sintaks yang berguna sebagai titik awal untuk membuat pola baru dan menarik.
Kami juga menyimpan koleksi ini di CodePen.
Pola Lingkaran
Pola Papan Catur
Pola Hexagon
Pola Kubus
Pola Chevron
Jika Anda ingin bermain-main dalam waktu nyata dengan atribut yang berbeda dari sebuah pola untuk merasakan bagaimana pola itu bekerja, coba ini: