Permata bersegi
Gratis, tanpa daftar, berjalan di peramban Anda.
Titik yang sama dengan yang dipakai blob, disambung garis lurus alih-alih kurva. Bidang-bidang datarnya menangkap cahaya berbeda dari blob mulus, dan itulah sebabnya ini terbaca sebagai batu yang diasah, bukan bentuk cair.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 7 |
| Keacakan | 55% |
| Kehalusan | 100% |
| Benih | 9090 |
Yang perlu diketahui
- Tepi lurus, jadi ia jauh lebih kecil daripada blob mulus yang setara.
- Keacakan sedang menjaga bidangnya beragam tanpa ada satu pun yang mendominasi.
- Dengan 182 bita ia termasuk bentuk terkecil di sini.
Berapa bita biayanya
Bentuk persis ini berukuran 182 bita sebagai SVG dan 343 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 | 182 B |
| Latar CSS | 343 B |
| clip-path CSS | 400 B |
| border-radius CSS | 110 B |
Awal dari SVG untuk Permata bersegi
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 28.66L157.96 53.78L162.15 114.19L122 145.68L75.84 150.18L44.25 112.72L58.68 67.05Z" fill="#4f46e5"/></svg>Lebih rinci
Poligon adalah hal termurah yang dibuat alat ini. Poligon tujuh titik adalah tujuh pasang koordinat; tujuh titik yang sama sebagai spline tertutup adalah dua puluh satu. Kalau Anda butuh bentuk berkesan organik di halaman yang memperhitungkan bita, poligon pada keacakan tinggi membawa Anda hampir ke sana dengan sepertiga biayanya.
Pertanyaan
Bagaimana saya mengubah Permata bersegi setelah mendapatkannya?
Buka generatornya, klik Permata bersegi 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 9090 dengan 7 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.