SVG Blob Oluşturucu
SVG Blob Generator, yumuşak kübik Bézier eğrilerinden rastgele organik blob şekilleri oluşturur; karmaşıklık, rastgelelik, boyut, dolgu rengi ve isteğe bağlı gradyan kontrolleri sunar ve SVG kodunu veya dosyasını dışa aktarır.
Bu araç hakkında
SVG Blob Generator, yumuşak kübik Bézier eğrilerinden rastgele organik blob şekilleri oluşturur; karmaşıklık, rastgelelik, boyut, dolgu rengi ve isteğe bağlı gradyan kontrolleri sunar ve SVG kodunu veya dosyasını dışa aktarır.
Nasıl kullanılır
- Karmaşıklığı (nokta sayısı) ve rastgeleliği ayarlayın.
- Boyutu ve dolgu rengini seçin veya bir gradyanı etkinleştirin.
- Şekli beğenene kadar Regenerate'e tıklayın.
- SVG kodunu kopyalayın veya .svg dosyasını indirin.
Bilmekte fayda var
- Her blob, bir daire etrafındaki noktalardan oluşturulan ve kübik Bézier eğrileriyle birleştirilen tek bir SVG path'tir.
- Daha fazla nokta daha karmaşık bir dış hat, daha fazla rastgelelik daha az dairesel bir şekil oluşturur.
- SVG blob'lar her boyutta keskin kalır ve yalnızca birkaç yüz bayttır.
- Blob'lar arka plan süslemeleri, avatar çerçeveleri ve bölüm ayırıcıları olarak popülerdir.
- SVG satır içi olarak, img kaynağı olarak veya CSS arka planı olarak kullanılabilir.
Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.
Sık sorulan sorular
Blob şekli nasıl yapılır?
Burada karmaşıklığı ve rastgeleliği ayarlayıp Regenerate'e tıklayın; her tıklama, SVG olarak indirebileceğiniz yeni bir rastgele organik şekil çizer.
Blob'ları ticari olarak kullanabilir miyim?
Evet. Şekiller cihazınızda rastgele oluşturulur; bu yüzden onları herhangi bir projede kullanabilirsiniz.
SVG blob'u arka plan olarak nasıl kullanırım?
Dosyayı kaydedip background-image: url(blob.svg) ile kullanın veya SVG'yi satır içi yapıştırıp içeriğinizin arkasına konumlandırın.
Bir blob'u canlandırabilir miyim?
Evet — CSS ile döndürebilir veya ölçekleyebilir ya da aynı sayıda noktaya sahip iki path arasında SMIL veya JavaScript ile dönüşüm yapabilirsiniz.