Lompat ke generator
Gelombang & Blob

Zigzag tajam

Buka generatornya

Gratis, tanpa daftar, berjalan di peramban Anda.

Sembilan titik disambung garis lurus alih-alih kurva. Di sini sudutnya adalah bentuknya, dan memuluskannya sedikit saja mengubah zigzag menjadi gelombang yang buruk — itulah sebabnya ini gaya sambungan tersendiri, bukan penggeser kehalusan yang diturunkan.

Pengaturan di baliknya

Pengaturan di baliknya
GeneratorGelombang
Titik9
Amplitudo58%
Keacakan6%
Garis dasar55%
Lapisan1
Kehalusan100%
Benih2024

Yang perlu diketahui

Berapa bita biayanya

Bentuk persis ini berukuran 264 bita sebagai SVG dan 425 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
SVG264 B
Latar CSS425 B
clip-path CSS456 B

Awal dari SVG untuk Zigzag tajam

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-160 140.02L0 177.61L160 215.5L320 236.17L480 227.82L640 197.67L800 154.53L960 121.73L1120 116.94L1280 139.19L1440 177.19L1440 320L-160 320Z" fill="#4f46e5"/></svg>

Lebih rinci

Ini pembatas termurah di sini dengan selisih jauh, karena satu ruas garis berbiaya satu pasang koordinat sementara satu kubik berbiaya tiga. Kalau Anda menambahkan pembatas ke halaman yang sudah berat, zigzag sembilan titik berbiaya lebih kecil daripada gelombang mulus empat titik — dan bisa dibilang bentuknya lebih mencolok.

Pertanyaan

Bagaimana saya mengubah Zigzag tajam setelah mendapatkannya?

Buka generatornya, klik Zigzag tajam 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 2024 dengan 9 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