Kerikil
Gratis, tanpa daftar, berjalan di peramban Anda.
Lima titik pada keacakan sedang, yang cenderung menghasilkan sesuatu lebih dekat ke batu sungai daripada ke cipratan. Blob paling berguna untuk apa pun yang perlu terbaca sebagai objek padat, bukan noda hias.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 5 |
| Keacakan | 45% |
| Kehalusan | 105% |
| Benih | 404 |
Yang perlu diketahui
- Lima titik memberi siluet berjumlah ganjil, yang menghindari simetri tak sengaja dari enam.
- Keacakan sedang: tak beraturan, tetapi setiap cuping masih kira-kira seukuran.
- Bentuk di sini yang paling mendekati apa yang bisa ditiru border-radius CSS, kalau Anda lebih suka tidak mengirim SVG.
Berapa bita biayanya
Bentuk persis ini berukuran 294 bita sebagai SVG dan 455 bita sebagai latar CSS — data URI-nya lebih besar karena pengodean persen memakan tiga karakter untuk setiap karakter yang dilolosinya. Kedua angka itu untuk bentuk yang ditampilkan di atas, dengan ketelitian koordinat dua desimal.
| Format | Ukuran |
|---|---|
| SVG | 294 B |
| Latar CSS | 455 B |
| clip-path CSS | 512 B |
| border-radius CSS | 104 B |
Awal dari SVG untuk Kerikil
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 41.28C122.08 40.79,161.83 60.16,167.4 78.1C172.96 96.04,149.18 132.27,131.81 143.78C114.43 155.29,83.98 154.88,68.12 143.87C52.27 132.87,35.62 98.85,41.2 80.89C46.78 62.94,77.92 41.76,100 41.28Z" fill="#4f46e5"/></svg>Lebih rinci
Kerikil adalah blob yang paling layak dibandingkan antar format ekspor. Sebagai SVG ia persis; sebagai border-radius ia pendekatan dengan empat sudut, yang tidak bisa menghasilkan lima cuping dan seharusnya tidak berpura-pura bisa. Keluaran border-radius ditawarkan sebagai bentuknya sendiri, bukan sebagai bentuk yang sama dalam format lain, karena menyajikannya dengan cara lain akan jadi kebohongan yang baru Anda temukan setelah terbit.
Pertanyaan
Bagaimana saya mengubah Kerikil setelah mendapatkannya?
Buka generatornya, klik Kerikil di baris prasetel, lalu geser apa saja. Prasetel adalah titik awal, bukan kunci — semua penggeser tetap aktif, dan kotak benih menerima kata kalau Anda lebih suka menamai bentuk Anda daripada menomorinya.
Apakah akan terlihat sama lain kali?
Ya, selama benihnya sama. Yang ini benih 404 dengan 5 titik. Generatornya deterministik, jadi pengaturan itu menghasilkan ulang kurva yang persis sama di perangkat mana pun.
Bisakah saya memakai warna lain?
Bisa — warna diterapkan saat ekspor, tidak dipanggang ke dalam geometrinya. Pratinjau di atas memakai warna bawaan alat ini; pilih warna Anda di generator dan SVG, latar CSS, serta clip-path akan mengikuti.
Setiap angka dan setiap bentuk di halaman ini dihasilkan dengan menjalankan generatornya saat build, jadi semuanya menggambarkan alat yang sebentar lagi Anda pakai, bukan versi yang pernah ada.