Penjana Corak SVG

Penjana Corak SVG mencipta latar belakang jubin berulang dengan mentakrifkan elemen SVG <pattern> yang diisi dengan satu bentuk berulang. Ia menawarkan enam jenis bentuk (bulatan, segi empat, segitiga, garisan, salib, berlian) yang dilukis sebagai primitif garis, kemudian menjubilnya merentas pratonton 200x200 dan mengeksport markup SVG lengkap untuk digunakan dalam halaman web, latar belakang CSS, atau fail reka bentuk.

1. Pilih Jenis Corak daripada enam pilihan butang. 2. Laraskan gelangsar Saiz (10 hingga 60px) untuk menetapkan kedua-dua dimensi jubin dan skala bentuk. 3. Laraskan gelangsar Lebar Garisan (0.5 hingga 6.0). 4. Gunakan Putaran (0 hingga 360 darjah, dalam langkah 5 darjah) untuk memutar jubin melalui patternTransform. 5. Tetapkan Warna Bentuk dan Warna Latar Belakang menggunakan dua swatch warna. 6. Klik Salin untuk menyalin SVG yang dijana ke papan keratan anda.

SVG yang dieksport ialah 200x200 dengan blok <defs><pattern> menggunakan patternUnits="userSpaceOnUse". Lebar dan tinggi corak bersamaan nilai Saiz, jadi setiap jubin berulang pada grid saiz itu. <rect> latar belakang yang diisi dengan Warna Latar Belakang dilukis dahulu, kemudian <rect> kedua yang diisi dengan url(#pat) menindih jubin. Apabila Putaran bukan sifar, putaran digunakan kedua-duanya sebagai patternTransform pada corak dan sebagai transformasi rotate() pada bentuk itu sendiri.