Generator SVG de unde
Ajustați dimensiunea, forma și culoarea undelor pentru a crea separatoare de pagină web sau fundaluri. Copiați sau salvați SVG-ul ori CSS-ul fundalului, sau salvați o imagine PNG.
Ce puteți face
Ajustați forma și culorile
Ajustați înălțimea, numărul, poziția undelor și direcția de umplere și creați-le într-una sau două culori.
Obțineți rezultatul într-un format potrivit nevoilor dvs.
Copiați și salvați codul SVG sau fundalul CSS, sau salvați-l ca imagine PNG.
Cum se folosește
Alegeți o formă de început
Ajustați direct valorile sau alegeți o formă asemănătoare din „Alege un șablon”.
Ajustați dimensiunile și culorile
Specificați lățimea, înălțimea, amplitudinea și numărul undelor. Ajustați poziția de început și înălțimea centrală în setările avansate.
Generați și verificați SVG-ul
Verificați forma undei generate și zonele transparente. Regenerați după schimbarea setărilor.
Obțineți formatul de care aveți nevoie
Alegeți SVG sau un fundal CSS pentru a copia sau salva, sau salvați PNG-ul.
Util pentru
Împărțiți secțiunile paginii
Creați separatoare în formă de undă între secțiunile de conținut sau deasupra unui subsol.
Potriviți culorile site-ului dvs.
Folosiți o culoare uniformă sau un gradient pentru a crea un material de fundal care corespunde schemei de culori a paginii.
Formele de undă și formatele de salvare
Amplitudinea și numărul undelor
Amplitudinea este magnitudinea variației verticale, iar numărul undelor este numărul de cicluri pe lățimea completă. Nu este o funcție pentru afișarea formelor de undă audio.
Poziția undei și zonele tăiate
Schimbați poziția de început folosind faza, iar poziția verticală folosind înălțimea centrală. Părțile din afara imaginii sunt tăiate.
Alegerea dintre SVG și PNG
SVG reprezintă forma ca vectori. PNG salvează o imagine la dimensiunile în pixeli specificate și păstrează zonele transparente.
Cum plasați un fundal CSS
CSS specifică o imagine de fundal. Setați lățimea și înălțimea elementului în care o folosiți pentru a oferi o zonă de afișare a fundalului.
Întrebări frecvente
Pot ajusta forma și culorile undei?
Puteți specifica valori și culori. Selectați „Folosește două culori” pentru a seta a doua culoare și unghiul gradientului.
Ce se întâmplă cu setările curente când aleg un șablon?
Setările, inclusiv lățimea, înălțimea și culorile, sunt înlocuite cu setările șablonului. După selectare, ajustați valorile necesare.
Se schimbă previzualizarea când modific setările?
După efectuarea modificărilor, selectați „Generează SVG” pentru a verifica rezultatul. Rezultatul generat anterior nu mai este disponibil pentru afișare sau salvare.
Este SVG-ul o undă sinusoidală exactă?
Unda este aproximată printr-o curbă cubică lină. Nu este o formă de undă pentru măsurători matematice sau analiză audio.
Gestionarea fișierelor
- Intrare
- Creat din setările numerice ale undei și din culori. Nu este necesară selectarea niciunei imagini.
- Ieșire
- wave.svg, wave.css și wave.png. SVG și CSS pot fi și copiate.