Dalga SVG oluşturucu
Dalgaların boyutunu, şeklini ve rengini ayarlayarak web sayfası ayırıcıları veya arka planları oluşturun. SVG veya arka plan CSS'ini kopyalayın ya da kaydedin veya PNG görüntü olarak kaydedin.
Neler yapabilirsiniz
Şekli ve renkleri ayarlayın
Dalga yüksekliğini, sayısını, konumunu ve dolgu yönünü ayarlayın, tek veya iki renkle oluşturun.
Sonucu ihtiyacınıza uygun biçimde alın
SVG kodunu veya CSS arka planını kopyalayıp kaydedin veya PNG görüntü olarak kaydedin.
Nasıl kullanılır
Başlangıç şeklini seçin
Değerleri doğrudan ayarlayın veya “Şablon seç”ten benzer bir şekil seçin.
Boyutu ve renkleri ayarlayın
Genişlik, yükseklik, genlik ve dalga sayısını belirtin. Başlangıç konumunu ve merkez yüksekliğini gelişmiş ayarlardan ayarlayın.
SVG'yi üretin ve denetleyin
Üretilen dalga şeklini ve saydam alanları denetleyin. Ayarları değiştirdikten sonra yeniden üretin.
İhtiyacınız olan biçimi alın
Kopyalamak veya kaydetmek için SVG veya CSS arka planı seçin ya da PNG'yi kaydedin.
Yararlı olduğu durumlar
Sayfa bölümlerini ayırın
İçerik bölümleri arasında veya altbilgi üzerinde dalga biçimli ayırıcılar oluşturun.
Sitenizin renklerine uyun
Sitenizin renklerine uyması için düz renk veya gradyan kullanarak arka plan malzemesi oluşturun.
Dalga şekilleri ve kaydetme biçimleri
Genlik ve dalga sayısı
Genlik dikey değişimin büyüklüğü, dalga sayısı tam genişlikteki döngü sayısıdır. Bu, ses dalga biçimlerini görüntüleme özelliği değildir.
Dalga konumu ve kırpılan alanlar
Başlangıç konumunu faz ile, dikey konumu merkez yüksekliği ile değiştirin. Görüntünün dışındaki kısımlar kırpılır.
SVG ve PNG arasında seçim
SVG şekli vektör olarak temsil eder. PNG, belirtilen piksel boyutlarında görüntü olarak kaydeder ve saydam alanları korur.
CSS arka planı nasıl yerleştirilir
CSS bir arka plan görüntüsü belirtir. Arka planın görüntüleneceği alanı sağlamak için kullandığınız öğenin genişliğini ve yüksekliğini ayarlayın.
Sık sorulan sorular
Dalga şeklini ve renkleri ayarlayabilir miyim?
Değerleri ve renkleri belirtebilirsiniz. İkinci rengi ve gradyan açısını ayarlamak için “İki renk kullan”ı seçin.
Şablon seçtiğimde geçerli ayarlara ne olur?
Genişlik, yükseklik ve renkler dahil ayarlar şablonun ayarlarıyla değiştirilir. Gerekli değerleri seçtikten sonra ayarlayın.
Ayarları değiştirdiğimde önizleme değişir mi?
Değişikliklerden sonra sonucu denetlemek için “SVG Üret”i seçin. Eski üretilmiş sonuç görüntüleme veya kaydetme için artık kullanılamaz.
SVG tam bir sinüs dalgası mı?
Dalga düzgün bir kübik eğriyle yaklaştırılır. Matematiksel ölçüm veya ses analizi için bir dalga biçimi değildir.
Dosya işleme
- Girdi
- Sayısal dalga ayarlarından ve renklerden oluşturun. Görüntü seçimi gerekmez.
- Çıktı
- wave.svg, wave.css ve wave.png. SVG ve CSS de kopyalanabilir.