Penjana Blob SVG

Penjana Blob SVG membina bentuk tertutup organik bergelombang menggunakan lengkung Bezier padu dan mengeksportnya sebagai markup SVG sedia untuk ditampal. Ia mengambil sampel N titik di sekeliling bulatan dengan ofset jejari rawak, melicinkannya dengan pengiraan tangen berasaskan jiran, dan menyambungkan semuanya ke dalam satu <path> tertutup. Pratonton langsung dan blok kod yang boleh disalin membolehkan anda mengambil hasil serta-merta.

1. Laraskan slider Kerumitan (3 hingga 12) untuk menetapkan berapa banyak titik penambat membentuk blob. 2. Laraskan slider Rawak (0.10 hingga 1.00) untuk mengawal sejauh mana setiap titik boleh menyimpang daripada jejari asas. 3. Tetapkan Saiz (100 hingga 500px) viewBox segi empat. 4. Secara pilihan, naikkan Lebar Strok (0 hingga 10) untuk menambah garis luar dalam warna yang sama dengan isian. 5. Pilih Warna Isian menggunakan sampel warna. 6. Klik Randomize (atau ubah mana-mana slider) untuk mengacak semula bentuk. 7. Klik Copy untuk menyalin kod SVG yang dijana ke papan klip anda.

Markup yang dieksport ialah satu <svg> dengan viewBox segi empat 0 0 {size} {size}. Ia mengandungi satu <path> yang atribut d ialah siri arahan C (Bezier padu) ditutup dengan Z. Faktor pelicinan ditetapkan pada 0.2, diperoleh daripada vektor antara jiran setiap titik. Apabila Lebar Strok lebih besar daripada 0, laluan juga mendapat atribut stroke dan stroke-width ditetapkan kepada warna isian yang sama; jika tidak, hanya fill dikeluarkan.