SVG Blob Oluşturucu
- Dosyalar cihazınızdan çıkmaz
- Tarayıcıda çalışır
- Ücretsiz, kayıt yok, filigran yok
Press R or Space for a new blob.
SVG Blob Oluşturucu nasıl kullanılır
Rastgele organik blob şekilleri oluşturun ve bunları SVG, PNG veya bir React bileşeni olarak dışa aktarın. Noktaları, kontrastı, katmanları, gradyan dolguyu ve dış hat stilini ayarlayın ve isteğe bağlı bir morf animasyonu ekleyin. Her şekil bir tohum sayısından gelir ve tarayıcınızda üretilir.
- 1
Şekli beğenene kadar Yeni blob'a tıklayın veya R ya da Space'e basın. Daha önceki şekiller Son bloblar altında kalır.
- 2
Şekil altında Karmaşıklık, Kontrast, Boyut ve Katmanlar'ı ayarlayın.
- 3
Renk altında Paletler'den birini seçin veya Düz ya da Gradyan dolgu ayarlayın ve yalnızca kenarı istiyorsanız Stil'i Dış hat yapın.
- 4
Tuval Genişlik ve Yükseklik'ini ayarlayın, gerekirse Arka plan rengi'ni açın ve hareket eden bir şekil için Morf animasyonu'nu etkinleştirin.
- 5
SVG indir'e tıklayın veya 1×, 2× ya da 4× PNG ölçeği seçip PNG'ye tıklayın. SVG kopyala ve React kopyala kodu panonuza koyar.
Sık sorulan sorular
Aynı blob'u daha sonra yeniden alabilir miyim?
Evet. Şekil Tohum'dan gelir, bu yüzden aynı tohum aynı ayarlarla her zaman aynı blob'u verir. Sayıyı not edin ve Tohum'a geri yazın.
Arka plan saydam mı?
Evet, varsayılan olarak. Yalnızca dolu bir tuval istiyorsanız Arka plan rengi'ni açın.
Animasyon dışa aktarılan dosyada çalışır mı?
Morf animasyonu SVG'nin yerleşik animate öğesini kullanır, bu yüzden ek CSS veya JavaScript olmadan SVG ve React dışa aktarımlarında oynar. PNG her zaman durağan bir karedir.
Blob'u bir React projesinde nasıl kullanırım?
React kopyala, SVG'yi döndüren ve props'unu svg öğesine geçiren bir bileşen verir; böylece bir className veya style ekleyebilirsiniz.
Bir şey yükleniyor mu?
Hayır. Şekiller tamamen tarayıcınızda hesaplanır ve dışa aktarılır.