SVG ToolsLesson 188Preview gratis
SVG Pattern Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
SVG Pattern Generator membuat pola berulang dengan mendefinisikan tile di dalam elemen pattern, lalu memakainya sebagai fill. Ukuran tile, bentuk, dan warna dapat diatur untuk menghasilkan tekstur titik, garis, atau grid. Agar pola menyambung mulus, pastikan bentuk di tepi tile juga digambar di sisi berlawanan.
Poin kunci
- Pattern didefinisikan di dalam defs
- Atribut width dan height menentukan ukuran tile
- patternUnits menentukan sistem koordinat tile
- Gunakan fill="url(#nama)" untuk menerapkan pola
- Bentuk di tepi perlu duplikasi agar sambungan mulus
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.