Hullám SVG generátor
Állítsa be a hullámok méretét, alakját és színét weboldal-elválasztók vagy hátterek létrehozásához. Másolja vagy mentse az SVG-t vagy a háttér CSS-t, vagy mentse a PNG képet.
Mit tehetsz
Alak és színek állítása
Állítsd a hullám magasságát, számát, helyzetét és kitöltési irányát, és hozd létre egy vagy két színnel.
Szerezz az eredményt a neked megfelelő formátumban
Másolj és ments SVG-kódot vagy CSS-háttérképet, vagy mentsd PNG képként.
Hogyan használd
Válassz kiindulási alakot
Állítsd közvetlenül az értékeket, vagy válassz hasonló alakot a „Sablon kiválasztása” lehetőséggel.
Méret és színek állítása
Add meg a szélességet, a magasságot, az amplitúdót és a hullámok számát. A kezdőpozíciót és a középmagasságot a speciális beállításokban állítsd át.
Generálás és az SVG ellenőrzése
Ellenőrizd a generált hullámformát és az átlátszó területeket. A beállítások módosítása után generáld újra.
Szerezzd be a szükséges formátumot
Válassz SVG-t vagy CSS-háttérképet a másoláshoz és mentéshez, vagy mentsd a PNG-t.
Hasznos erre
Oldalszekciók elválasztása
Készíts hullám alakú elválasztókat a tartalmi szekciók között vagy a lábléc fölött.
Illeszd az oldalad színeihez
Használj egyszínű színt vagy színátmenetet az oldal színsémájához illő háttérerőforrás létrehozásához.
Hullámformák és mentési formátumok
Amplitúdó és hullámszám
Az amplitúdó a függőleges változás nagysága, a hullámszám pedig a teljes szélességen átjátszódó ciklusok száma. Ez nem audio hullámforma megjelenítésére szolgáló funkció.
Hullám helyzete és levágott területek
A kezdőpozíciót fázissal, a függőleges helyzetet középmagassággal állíthatod. A képen kívüli részek levágásra kerülnek.
SVG és PNG közötti választás
Az SVG vektorokkal ábrázolja az alakot. A PNG a megadott pixelméretekben ment képet, és megőrzi az átlátszó területeket.
CSS-háttér elhelyezése
A CSS háttérképet határoz meg. Állítsd be annak az elemnek a szélességét és magasságát, ahol használod, hogy terület legyen a háttér megjelenítéséhez.
Gyakori kérdések
Állíthatom a hullám alakját és a színeket?
Megadhatod az értékeket és a színeket. A „Két szín használata” bekapcsolásával állíthatod be a második színt és a színátmenet szögét.
Mi történik az aktuális beállításokkal, ha kiválasztok egy sablont?
A beállítások, köztük a szélesség, a magasság és a színek, a sablon beállításaira cserélődnek. A kiválasztás után állítsd át a szükséges értékeket.
Megváltozik az előnézet, ha módosítom a beállításokat?
A módosítások után válaszd a „SVG generálása” lehetőséget az eredmény ellenőrzéséhez. A korábban generált eredmény már nem jeleníthető meg és nem menthető.
Pontos szinusz az SVG?
A hullámot egy sima kubikus görbével közelítjük. Ez nem matematikai mérésre vagy hangelemzésre szolgáló hullámforma.
Fájlkezelés
- Bemenet
- Hozd létre számértékekből megadott hullámbeállításokból és színekből. Nem kell kiválasztani képet.
- Kimenet
- wave.svg, wave.css és wave.png. Az SVG-t és a CSS-t másolhatod is.