Generátor SVG s vlnou
Upravujte velikost, tvar a barvu vln a vytvářejte oddělovače stránek nebo pozadí. Zkopírujte nebo uložte SVG či CSS pozadí, nebo uložte obrázek PNG.
Co můžete dělat
Upravit tvar a barvy
Upravte výšku, počet, polohu a směr výplně vlny a vytvořte ji v jedné nebo dvou barvách.
Získat výsledek ve formátu, který vyhovuje vašim potřebám
Zkopírujte a uložte kód SVG nebo pozadí CSS, nebo jej uložte jako obrázek PNG.
Jak používat
Vybrat počáteční tvar
Upravte hodnoty přímo nebo vyberte podobný tvar z nabídky „Vybrat šablonu“.
Upravit rozměry a barvy
Zadejte šířku, výšku, amplitudu a počet vln. Počáteční polohu a středovou výšku upravte v pokročilém nastavení.
Vygenerovat a zkontrolovat SVG
Zkontrolujte vygenerovaný tvar vlny a průhledné oblasti. Po změně nastavení SVG znovu vygenerujte.
Získat potřebný formát
Vyberte SVG nebo pozadí CSS ke zkopírování či uložení, nebo uložte PNG.
Užitečné pro
Rozdělit sekce stránky
Vytvořit vlnité oddělovače mezi sekcemi obsahu nebo nad zápatím.
Sladit barvy webu
Použijte plnou barvu nebo přechod a vytvořte podkladový obrázek, který ladí s barevným schématem stránky.
Tvar vln a formáty ukládání
Amplituda a počet vln
Amplituda je velikost svislého kolísání a počet vln je počet cyklů přes celou šířku. Nejde o funkci pro zobrazení zvukových vln.
Poloha vlny a oříznuté oblasti
Počáteční polohu změňte pomocí fáze a svislou polohu pomocí středové výšky. Části mimo obraz se oříznou.
Volba mezi SVG a PNG
SVG reprezentuje tvar vektory. PNG ukládá obrázek v zadaných rozměrech v pixelech a zachovává průhledné oblasti.
Umístění pozadí CSS
CSS určuje obrázek pozadí. Nastavte šířku a výšku prvku, ve kterém jej použijete, aby byla k dispozici plocha pro zobrazení pozadí.
Často kladené otázky
Mohu upravit tvar vlny a barvy?
Můžete zadat hodnoty i barvy. Vyberte „Použít dvě barvy“ a nastavte druhou barvu a úhel přechodu.
Co se stane s aktuálním nastavením, když vyberu šablonu?
Nastavení včetně šířky, výšky a barev se nahradí nastavením šablony. Po výběru upravte potřebné hodnoty.
Změní se náhled, když změním nastavení?
Po provedení změn vyberte „Generovat SVG“ a zkontrolujte výsledek. Původní vygenerovaný výsledek již není dostupný k zobrazení ani uložení.
Je SVG přesnou sinusovkou?
Vlna je přibližná hladkou kubickou křivkou. Nejde o tvar vln pro matematické měření ani analýzu zvuku.
Zpracování souborů
- Vstup
- Vytvoří se z číselného nastavení vlny a barev. Není nutné vybírat obrázek.
- Výstup
- wave.svg, wave.css a wave.png. SVG a CSS lze také zkopírovat.