Penghasil Blob SVG
SVG Blob Generator membuat bentuk blob organik acak dari kurva Bézier kubik yang halus, dengan pengaturan kompleksitas, keacakan, ukuran, warna isian, dan gradien opsional, lalu mengekspor kode atau file SVG.
Tentang alat ini
SVG Blob Generator membuat bentuk blob organik acak dari kurva Bézier kubik yang halus, dengan pengaturan kompleksitas, keacakan, ukuran, warna isian, dan gradien opsional, lalu mengekspor kode atau file SVG.
Cara menggunakan
- Atur kompleksitas (jumlah titik) dan keacakan.
- Pilih ukuran dan warna isian, atau aktifkan gradien.
- Klik Regenerate sampai Anda menyukai bentuknya.
- Salin kode SVG atau unduh file .svg.
Perlu diketahui
- Setiap blob adalah satu path SVG yang dibentuk dari titik-titik di sekitar lingkaran dan disambung dengan kurva Bézier kubik.
- Semakin banyak titik, semakin kompleks garis luarnya; semakin tinggi keacakan, semakin tidak bulat bentuknya.
- Blob SVG tetap tajam di ukuran apa pun dan hanya berukuran beberapa ratus byte.
- Blob populer sebagai dekorasi latar, bingkai avatar, dan pemisah section.
- SVG dapat dipakai secara inline, sebagai sumber img, atau sebagai latar CSS.
Berjalan sepenuhnya di browser Anda — apa pun yang Anda masukkan tidak diunggah atau disimpan.
Pertanyaan umum
Bagaimana cara membuat bentuk blob?
Atur kompleksitas dan keacakan di sini lalu klik Regenerate; setiap klik menghasilkan bentuk organik acak baru yang bisa Anda unduh sebagai SVG.
Bolehkah blob ini dipakai untuk keperluan komersial?
Boleh. Bentuknya dibuat secara acak di perangkat Anda, jadi Anda bisa memakainya di proyek apa pun.
Bagaimana cara memakai blob SVG sebagai latar?
Simpan file-nya dan panggil dengan background-image: url(blob.svg), atau tempel SVG secara inline dan posisikan di belakang konten Anda.
Bisakah blob dianimasikan?
Bisa — Anda bisa memutar atau mengubah skalanya dengan CSS, atau melakukan morph antara dua path dengan jumlah titik yang sama menggunakan SMIL atau JavaScript.