Generator fal SVG
Dostosuj rozmiar, kształt i kolor fal, aby utworzyć separatory lub tła stron internetowych. Skopiuj lub zapisz SVG albo CSS tła lub zapisz obraz PNG.
Co możesz zrobić
Dostosuj kształt i kolory
Dostosuj wysokość, liczbę, położenie i kierunek wypełnienia fali, a następnie utwórz ją w jednym lub dwóch kolorach.
Uzyskaj wynik w odpowiednim formacie
Skopiuj i zapisz kod SVG lub tło CSS albo zapisz je jako obraz PNG.
Jak korzystać
Wybierz kształt początkowy
Dostosuj wartości bezpośrednio lub wybierz podobny kształt z sekcji „Wybierz szablon”.
Dostosuj rozmiar i kolory
Określ szerokość, wysokość, amplitudę i liczbę fal. W ustawieniach zaawansowanych dostosuj pozycję początkową i wysokość środka.
Wygeneruj i sprawdź SVG
Sprawdź wygenerowany kształt fali i przezroczyste obszary. Po zmianie ustawień wygeneruj ponownie.
Uzyskaj potrzebny format
Wybierz SVG lub tło CSS, aby je skopiować albo zapisać, lub zapisz plik PNG.
Przydatne, gdy chcesz
Oddzielić sekcje strony
Utworzyć faliste separatory między sekcjami treści lub nad stopką strony.
Dopasować kolory do witryny
Użyć jednolitego koloru lub gradientu, aby utworzyć tło pasujące do kolorystyki strony.
Kształty fal i formaty zapisu
Amplituda i liczba fal
Amplituda określa wielkość zmian w pionie, a liczba fal — liczbę cykli na całej szerokości. Ta funkcja nie służy do wyświetlania przebiegów dźwięku.
Położenie fali i przycięte obszary
Zmień pozycję początkową za pomocą fazy, a pozycję w pionie — za pomocą wysokości środka. Fragmenty poza obrazem są przycinane.
Wybierz między SVG a PNG
SVG przedstawia kształt jako wektory. PNG zapisuje obraz o określonych wymiarach w pikselach i zachowuje przezroczyste obszary.
Jak umieścić tło CSS
CSS określa obraz tła. Ustaw szerokość i wysokość elementu, w którym go używasz, aby wyznaczyć obszar wyświetlania tła.
Często zadawane pytania
Czy mogę dostosować kształt fali i kolory?
Możesz określić wartości i kolory. Wybierz „Użyj dwóch kolorów”, aby ustawić drugi kolor i kąt gradientu.
Co dzieje się z bieżącymi ustawieniami po wybraniu szablonu?
Ustawienia szablonu zastępują bieżące ustawienia, w tym szerokość, wysokość i kolory. Po wybraniu szablonu dostosuj potrzebne wartości.
Czy podgląd zmienia się po zmianie ustawień?
Po wprowadzeniu zmian wybierz „Generuj SVG”, aby sprawdzić wynik. Poprzednio wygenerowany wynik nie będzie już dostępny do wyświetlenia ani zapisania.
Czy SVG przedstawia dokładną falę sinusoidalną?
Fala jest przybliżana za pomocą gładkiej krzywej sześciennej. Nie jest to przebieg do pomiarów matematycznych ani analizy dźwięku.
Obsługa plików
- Dane wejściowe
- Utwórz falę na podstawie liczbowych ustawień i kolorów. Nie trzeba wybierać obrazu.
- Wynik
- wave.svg, wave.css i wave.png. Kod SVG i CSS można również skopiować.