Svg Blob Oluşturucu
Svg Blob Oluşturucu aracı
Svg Blob Generator Hakkında
SVG Blob Generator, kübik Bezier eğrileri kullanarak organik, amip benzeri kapalı şekiller oluşturur ve bunları yapıştırmaya hazır SVG işaretlemesi olarak dışa aktarır. Bir dairenin çevresine rasgele radyal sapma ile N nokta örnekler, bunları komşu tabanlı teğet hesaplamasıyla yumuşatır ve hepsini tek bir kapalı <path> içinde birleştirir. Canlı önizleme ve kopyalanabilir kod bloğu, sonucu anında almanızı sağlar.
Nasıl Kullanılır
1. Amibin şeklini belirleyen kaç çapa noktası olacağını ayarlamak için Karmaşıklık (Complexity) kaydırıcısını (3 ile 12) ayarlayın. 2. Her noktanın taban yarıçaptan ne kadar sapabileceğini kontrol etmek için Rastgelelik (Randomness) kaydırıcısını (0.10 ile 1.00) ayarlayın. 3. Kare viewBox'un Boyutunu (Size) (100 ile 500px) ayarlayın. 4. İsteğe bağlı olarak dolgu ile aynı renkte bir anahat eklemek için Çizgi Genişliğini (Stroke Width) (0 ile 10) artırın. 5. Renk örneğini kullanarak bir Dolgu Rengi (Fill Color) seçin. 6. Şekli yeniden karıştırmak için Rastgeleleştir'e (Randomize) tıklayın (veya herhangi bir kaydırıcıyı oynatın). 7. Üretilen SVG kodunu panonuza kopyalamak için Kopyala'ya (Copy) tıklayın.
SVG Çıktı Biçimi
Dışa aktarılan işaretleme, 0 0 {size} {size} kare viewBox'a sahip tek bir <svg> içerir. d özelliği, Z ile kapatılan bir dizi C (kübik Bezier) komutu olan tek bir <path> içerir. Yumuşatma faktörü, her noktanın komşuları arasındaki vektörden türetilen 0.2'de sabittir. Çizgi Genişliği 0'dan büyük olduğunda yol ayrıca dolgu rengiyle aynı olan stroke ve stroke-width özniteliklerini alır; aksi halde yalnızca fill yayınlanır.
▶Aynı ayarlarla Rastgeleleştir'e iki kez tıklamak neden farklı şekiller veriyor?
▶Amibi 500px'den büyük yapabilir miyim?
▶Çizgi rengi dolguyla eşleşiyor mu?
▶Verilerim bir sunucuya gönderiliyor mu?
Bu araç size yardımcı olduysa, bana bir kahve ısmarlamayı düşünün.
Bana bir kahve ısmarla