Lompat ke generator
Gelombang & Blob

Sapuan

Buka generatornya

Gratis, tanpa daftar, berjalan di peramban Anda.

Dua titik dan kehalusan tinggi: satu kurva menyapu tanpa pengulangan sama sekali. Gelombang paling tidak bergelombang di sini, dan yang paling bekerja ketika pembatasnya sedang mengerjakan desain grafis, bukan sekadar memisahkan dua warna.

Pengaturan di baliknya

Pengaturan di baliknya
GeneratorGelombang
Titik2
Amplitudo85%
Keacakan0%
Garis dasar52%
Lapisan1
Kehalusan130%
Benih5

Yang perlu diketahui

Berapa bita biayanya

Bentuk persis ini berukuran 246 bita sebagai SVG dan 407 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.

Berapa bita biayanya
Format Ukuran
SVG246 B
Latar CSS407 B
clip-path CSS438 B

Awal dari SVG untuk Sapuan

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-720 166.4C-564 166.4,-312 166.4,0 166.4C312 166.4,408 166.4,720 166.4C1032 166.4,1284 166.4,1440 166.4L1440 320L-720 320Z" fill="#4f46e5"/></svg>

Lebih rinci

Balik yang satu ini secara mendatar dan wataknya berubah total — sebuah sapuan punya arah, dan ke mana ia mengalir sebaiknya sejalan dengan bagaimana mata bergerak melalui bagian di atasnya. Itu juga sebabnya kendali balik adalah pencerminan kurva yang sudah ada, bukan pembuatan ulang: membalik tidak boleh mengundi ulang bentuk yang sudah Anda putuskan.

Pertanyaan

Bagaimana saya mengubah Sapuan setelah mendapatkannya?

Buka generatornya, klik Sapuan 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 5 dengan 2 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.

Terkait