Generator SVG pozadinama uzoraka
Kreiraj bezšavni SVG uzorak pozadine — točke, mreža, pruge, valovi, kvadrati, heksagoni ili topografija — kao SVG, CSS ili Tailwind klasu.
Generator SVG pozadinama uzoraka
Odaberite motif — točke, mreža, dijagonalne pruge, valovi, kvadrati, heksagoni ili topografija — i ovaj alat kreira bezšavni SVG uzorak koji možete direktno staviti u pozadinu web mjesta, ekran aplikacije ili tiskan dizajn. Uzorak je izgrađen od jedne ponavljajuće pločice, tako da datoteka ostaje mala bez obzira kako je velika površina koju pokriva.
Veličina pločice kontrolira razmak između ponavljanja, a debljina linije kontrolira koliko su čerti podebljane — također postavlja veličinu točaka i kvadrata za ta dva motifa. Ospred i pozadina prihvaćaju bilo koju heksadecimalnu boju (#RRGGBB ili kraći oblik #RGB), neprozirnost polako uključuje motif u njegovu pozadinu bez dodira same boje pozadine, a rotacija okreće cijelu pločicu — dijagonalne pruge već počinju pod kutom od 45° i dalje se rotiraju odatle. Prebacite format izlaza da biste dobili točno ono što trebate: obični SVG markup za spremanje kao datoteku, spreman CSS pravilo za lijepljenje s uzorkom ugrađenim kao data URI, ili Tailwind proizvoljna vrijednost klasu koju možete direktno staviti na listu klasa elementa.
Svaka opcija ažurira pregled čim je prilagođavate, a broj ispod izlaza izvještava dimenzije pločice, točan broj znakova generiranog koda i aktivni format izlaza. Budući da je uzorak jedna mala vektorska pločica umjesto bitmap slike, ostaje oštar pri bilo kojoj razini zumiranja i skalira se na bilo koju veličinu ekrana besplatno.
Sve se izvršava lokalno u vašem pregledniku — ništa što dizajnirate ovdje se ne učitava nigdje. Kada ste zadovoljni rezultatom, kopirajte ga, preuzmite kao .txt datoteku ili pošaljite izlaz natrag na ulaz kako biste ga dodatno dorađivali.