Pembuat Blob SVG
- File tidak meninggalkan perangkat Anda
- Berjalan di browser
- Gratis, tanpa daftar, tanpa watermark
Press R or Space for a new blob.
Cara memakai Pembuat Blob SVG
Hasilkan bentuk blob organik acak dan ekspor sebagai SVG, PNG, atau komponen React. Sesuaikan titik, kontras, lapisan, isian gradien, dan gaya garis luar, lalu tambahkan animasi morph opsional. Setiap bentuk berasal dari nomor seed dan dihasilkan di browser Anda.
- 1
Klik Blob baru, atau tekan R atau Spasi, hingga Anda menyukai bentuknya. Bentuk sebelumnya tetap di Blob terbaru.
- 2
Di Bentuk, sesuaikan Kompleksitas, Kontras, Ukuran, dan Lapisan.
- 3
Di Warna, pilih salah satu Palet atau atur isian Solid atau Gradien, lalu alihkan Gaya ke Garis luar jika Anda hanya menginginkan tepinya.
- 4
Atur Lebar dan Tinggi kanvas, nyalakan Warna latar jika perlu, dan aktifkan Animasi morph untuk bentuk yang bergerak.
- 5
Klik Unduh SVG, atau pilih skala PNG 1×, 2×, atau 4× lalu klik PNG. Salin SVG dan Salin React menaruh kode di papan klip.
Pertanyaan umum
Bisakah saya mendapat blob yang sama lagi nanti?
Ya. Bentuk berasal dari Seed, jadi seed yang sama dengan pengaturan yang sama selalu memberi blob yang sama. Catat angkanya lalu ketik kembali ke Seed.
Apakah latarnya transparan?
Ya, secara bawaan. Nyalakan Warna latar hanya jika Anda menginginkan kanvas terisi.
Apakah animasi bekerja di file yang diekspor?
Animasi morph memakai elemen animate bawaan SVG, jadi diputar di ekspor SVG dan React tanpa CSS atau JavaScript tambahan. PNG selalu bingkai diam.
Bagaimana cara memakai blob di proyek React?
Salin React memberi Anda komponen yang mengembalikan SVG dan meneruskan props-nya ke elemen svg, jadi Anda bisa menambahkan className atau style.
Apakah ada yang diunggah?
Tidak. Bentuk dihitung dan diekspor sepenuhnya di browser Anda.