SVG Dalga Oluşturucu
Ücretsiz çevrimiçi SVG dalga oluşturucu: 1-5 katmanlı yumuşak dalga üst üste dizin, taban çizgisi, genlik, dalga boyu ve yumuşaklığı ayarlayın, iki renkli geçiş uygulayın, vektör kodu dışa aktarın.
SVG dalga oluşturucu ne yapar?
Dekoratif dalga biçimlerini kullanıma hazır SVG kodu olarak üretir. 1-5 katman üst üste koyabilirsiniz; her katmanın kendi taban çizgisi yüksekliği, genliği, dalga boyu ve yumuşaklığı vardır ve tümü ortak iki renkli doğrusal geçişle doldurulur.
Dalga eğrileri nasıl çizilir?
Her katmanı yerleşik bir path üreteci oluşturur: dalga yarım dalga boyu uzunluğunda parçalara bölünür ve her parça kübik Bézier kontrol noktalarıyla çizilir. Dosya minicik kalır ve her yakınlaştırmada kusursuz pürüzsüz görünür.
Yumuşaklık kaydırıcısı neyi değiştirir?
%0'da parçalar düz çizgilere döner ve dalga zikzak gibi görünür. Değer arttıkça Bézier kontrol noktaları dışa açılır; %100'de tam sinüs benzeri eğriler elde edilir.
Dışa aktarılan SVG'yi nerede kullanabilirim?
HTML veya SVG kabul eden her yerde: hero arka planlar, sayfa bölümleri arası ayırıcılar, alt bilgiler, sunumlar ve tasarım araçları. Kopyalanan kodu doğrudan HTML'inize yapıştırın veya indirme düğmesiyle .svg dosyasını kaydedin.
Dalga her boyutta keskin kalır mı?
Evet. Dışa aktarımda 1440x480 viewBox korunur; grafik saf vektör geometrisidir. Sayfa genişliğinin %100'üne uzatın veya baskı için büyütün — eğriler asla bulanıklaşmaz.
Rastgele düğmesi nasıl çalışır?
1-5 arası yeni rastgele bir katman sayısı, her parametre için yeni rastgele değerler ve iki uyumlu rastgele renk seçer, ardından önizlemeyi anında yeniden çizer. Beğenene kadar basmaya devam edin.
Kendi marka renklerimi kullanabilir miyim?
Evet. İki renk seçici, tüm katmanların paylaştığı doğrusal geçişin başlangıç ve bitiş duraklarını belirler; değiştirdiğinizde dalga grubunun tamamı birden yeniden renklenir.
Veriler bir sunucuya gönderiliyor mu?
Hayır. Oluşturucu tamamen tarayıcınızda sade JavaScript ile çalışır. Renkleriniz ve ayarlarınız sayfadan asla çıkmaz, dışa aktarılan dosya cihazınızda yerel olarak üretilir.
SVG Dalga Oluşturucu Nasıl Kullanılır
SVG Dalga Oluşturucu, katmanlı dalga biçimlerini temiz, yapıştırmaya hazır SVG kodu olarak üretir. Her katman, paylaşılan iki renkli doğrusal geçişle doldurulmuş yumuşak bir kübik Bézier eğrisidir; bu da onu hero bölümü arka planları, sayfa ayırıcıları ve altbilgi süslemeleri için mükemmel kılar. Her şey tarayıcınızda üretilir — hiçbir şey yüklenmez.
- Katmanlar seçicisinden kaç katman (1-5) istediğinizi seçin. Katmanlar arkadan öne çizilir; her yeni katman öncekilerin üzerine boyanır.
- İki renk seçiciyle geçişin başlangıç ve bitiş renklerini seçin — tüm katmanlar bu doğrusal geçişi paylaşır.
- Her katmanı dört kaydırıcısıyla ince ayar yapın: Taban çizgisi yüksekliği dalgayı yukarı veya aşağı taşır, Genlik tepelerin ne kadar yüksek olduğunu belirler, Dalga boyu tepeler arasındaki yatay mesafeyi kontrol eder, Yumuşaklık ise düz zikzak çizgilerden (0%) tam sinüzoidal kübik Bézier eğrilerine (100%) kadar harmanlar.
- Bir şey doğru görünene kadar katman sayıları, biçimler ve renklerin taze bir bileşimini anında üretmek için Rastgeleleştir'e basın.
- Bir .svg dosyası kaydetmek için SVG indir'e, tüm SVG işaretlemesini panonuza koymak için Kaynağı kopyala'ya basın — herhangi bir HTML dosyasına ya da tasarım aracına yapıştırmaya hazır.
Web sitesi bölüm ayırıcıları için SVG'yi iki blok arasına yerleştirin ve %100 genişliğe uzamasına izin verin — viewBox, eğrileri her boyutta bozulmadan korur. Kısa dalga boylarıyla düşük yumuşaklık elde çizimi hissi verir; uzun dalga boylarıyla tam yumuşaklık ise sakin bir deniz gibi görünür.
İlgili Araçlar
- SVG Optimize Edici SVG dosyalarını tarayıcınızda anında optimize edin ve sıkıştırın. Meta verileri, yorumları ve gereksiz verileri kaldırın, boyutu %60'a kadar küçültün.
- SVG'den PNG Dönüştürücü SVG'yi tarayıcınızda anında PNG, JPEG veya WebP'ye dönüştürün. Ölçek, boyut ve arka plan rengini özelleştirin. Ücretsiz, özel, yükleme yok.
- PNG SVG Dönüştürücü Ücretsiz çevrimiçi PNG SVG dönüştürücü. PNG, JPG ve diğer bitmap görselleri renk ve detay kontrolüyle ölçeklenebilir vektörel SVG'ye dönüştürün - tamamen tarayıcınızda.
- Border Radius Oluşturucu Ücretsiz çevrimiçi yaratıcı border radius oluşturucu. 8 kulbu sürükleyin veya bir blob hazır şekli seçin, organik CSS biçimleri oluşturun ve kodu anında kopyalayın.
- Renk Dönüştürücü Ücretsiz çevrimiçi renk dönüştürücü. HEX, RGB, HSL, HSV formatlarını görsel seçici ile anında dönüştürün. %100 gizli, tarayıcınızda çalışır.
- CSS Easing Oluşturucu Ücretsiz çevrimiçi CSS easing oluşturucu. Etkileşimli eğri üzerinde cubic-bezier kontrol noktalarını sürükleyin, 18 hazır ayardan birini seçin, döngüde oluşan top animasyonunu izleyin ve zamanlama fonksiyonunu anında kopyalayın.
- CSS Text Shadow Oluşturucu Ücretsiz çevrimiçi text-shadow oluşturucu. Ofset, bulanıklık, renk ve opaklıkla birden fazla gölge katmanı üst üste dizin, Neon, 3D, Retro hazır ayarlarını deneyin ve CSS'i anında kopyalayın.
- CSS Clip Path Oluşturucu Ücretsiz çevrimiçi CSS clip-path oluşturucu. Sürüklenebilir noktalarla polygon, circle, ellipse ve inset şekilleri tasarlayın, canlı önizleyin ve tek tıkla CSS kodunu kopyalayın.