Bunga
Gratis, tanpa daftar, berjalan di peramban Anda.
Jari-jari berselang-seling yang sama dengan bintang, tetapi dengan kehalusan maksimum sehingga setiap ujung menjadi kelopak yang membulat. Hasilnya botanis alih-alih geometris, dan bekerja baik dalam ukuran besar dan pucat di belakang konten.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 6 |
| Keacakan | 10% |
| Kehalusan | 150% |
| Benih | 701 |
Yang perlu diketahui
- Kehalusan maksimum mengubah setiap duri menjadi kelopak.
- Enam kelopak paling mirip bunga; empat terbaca sebagai semanggi, sepuluh sebagai aster.
- Dengan 557 bita ia bentuk paling rinci di sini, karena dua belas titik masing-masing membawa satu ruas kubik.
Berapa bita biayanya
Bentuk persis ini berukuran 557 bita sebagai SVG dan 718 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 | 557 B |
| Latar CSS | 718 B |
| clip-path CSS | 775 B |
| border-radius CSS | 104 B |
Awal dari SVG untuk Bunga
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 37.57C108.24 37.5,102.78 63.66,116.56 71.31C130.34 78.96,151.28 61,155.12 68.18C158.96 75.35,131.93 84.08,131.94 100C131.95 115.92,159.03 124.73,155.15 131.84C151.28 138.96,130.22 121.26,116.43 128.46C102.64 135.66,108.05 160.93,100 160.64C91.9…Lebih rinci
Ini bentuk termahal di katalog, dan penghitung bita membuatnya terlihat sebelum Anda mengirimkannya. Kalau Anda mau tampilannya dengan lebih murah, turun ke empat kelopak: biayanya separuh, dan pada ukuran yang biasanya dipakai untuk bentuk latar, selisihnya sulit dilihat.
Pertanyaan
Bagaimana saya mengubah Bunga setelah mendapatkannya?
Buka generatornya, klik Bunga 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 701 dengan 6 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.