Lompat ke generator
Gelombang & Blob

Bintang

Buka generatornya

Gratis, tanpa daftar, berjalan di peramban Anda.

Dua belas titik berselang-seling antara jari-jari luar dan dalam, dengan kehalusan diturunkan agar ujungnya tetap tajam. Geometri bintang klasik, dihasilkan alih-alih digambar, jadi jumlah sudut dan ketidakberaturannya ada di tangan Anda.

Pengaturan di baliknya

Pengaturan di baliknya
GeneratorBlob
Titik6
Keacakan12%
Kehalusan35%
Benih700

Yang perlu diketahui

Berapa bita biayanya

Bentuk persis ini berukuran 551 bita sebagai SVG dan 712 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
SVG551 B
Latar CSS712 B
clip-path CSS769 B
border-radius CSS110 B

Awal dari SVG untuk Bintang

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 40.29C101.9 40.39,112.74 70.84,115.86 72.52C118.98 74.2,152.54 67.52,153.49 69.12C154.43 70.72,132.19 96.43,132.12 100C132.06 103.57,153.39 128.71,152.42 130.26C151.44 131.81,118.42 124.64,115.36 126.6C112.3 128.57,101.81 163.92,100 163.96C98.1…

Lebih rinci

Bintang dan bunga di bawah adalah dua belas titik yang sama disambung dengan dua cara berbeda, dan itulah sebabnya kehalusanlah yang memisahkan keduanya alih-alih tombol mode. Artinya juga Anda bisa berhenti di mana pun di antaranya — bintang dengan ujung yang sedikit dilembutkan adalah bentuk yang tak diberikan oleh prasetel mana pun sendirian.

Pertanyaan

Bagaimana saya mengubah Bintang setelah mendapatkannya?

Buka generatornya, klik Bintang 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 700 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.

Terkait