Segitiga membulat
Gratis, tanpa daftar, berjalan di peramban Anda.
Tiga titik adalah minimum yang diterima spline tertutup, dan hasilnya lebih berupa segitiga membulat ketimbang sesuatu yang mirip blob. Berguna sebagai aksen geometris lembut di tempat lingkaran akan terlalu netral.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 3 |
| Keacakan | 35% |
| Kehalusan | 100% |
| Benih | 512 |
Yang perlu diketahui
- Tiga titik, jadi tiga cuping — bentuk tertutup paling sederhana yang dibuat generator ini.
- Blob terkecil di katalog dengan 217 bita.
- Naikkan keacakan untuk tampilan tak sama sisi, turunkan untuk sesuatu yang hampir sama sisi.
Berapa bita biayanya
Bentuk persis ini berukuran 217 bita sebagai SVG dan 378 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 | 217 B |
| Latar CSS | 378 B |
| clip-path CSS | 435 B |
| border-radius CSS | 108 B |
Awal dari SVG untuk Segitiga membulat
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 31.4C117.75 31.39,162.06 114.14,153.18 130.7C144.3 147.27,55.56 147.32,46.7 130.77C37.84 114.22,82.25 31.41,100 31.4Z" fill="#4f46e5"/></svg>Lebih rinci
Tiga titik juga kasus tersulit bagi matematikanya, dan itulah sebabnya ia ada di katalog alih-alih tersembunyi di ujung sebuah penggeser. Dengan hanya tiga, setiap titik sekaligus kedua tetangga titik lainnya dan pengindeksan melingkar tak punya tempat bersembunyi — implementasi spline tertutup yang salah menangani jahitannya gagal paling kentara di sini, jadi inilah bentuk yang pertama diperiksa rangkaian pengujian.
Pertanyaan
Bagaimana saya mengubah Segitiga membulat setelah mendapatkannya?
Buka generatornya, klik Segitiga membulat 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 512 dengan 3 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.