Generator de modele de fundal SVG
Creați un patern de fundal SVG fără cusătură — puncte, grilă, linii, unde, pătrate, hexagoane sau topografie — în SVG, CSS sau clasă Tailwind.
Generator de modele de fundal SVG
Alegeți un motiv — puncte, grilă, linii diagonale, unde, pătrate, hexagoane sau topografie — și acest instrument construiește un patern SVG fără cusătură pe care îl puteți introduce direct în fundalul unui website, pe ecranul unei aplicații sau într-un design imprimat. Paternul este construit dintr-o singură țiglă care se repetă, deci fișierul rămâne foarte mic indiferent de zona pe care o acoperă.
Dimensiunea țiglei controlează spațierea dintre repetiții, iar grosimea liniei controlează cât de bold sunt cursele — de asemenea setează dimensiunea punctelor și pătratelor pentru acele două motive. Culorile de prim-plan și fundal acceptă orice culoare hexazecimală (#RRGGBB sau forma mai scurtă #RGB), opacitatea estompează motivul în fundalul acestuia fără a modifica culoarea de fundal, iar rotația întoarce întreaga țiglă — liniile diagonale încep deja la 45° și se rotesc de acolo. Schimbați formatul de ieșire pentru a obține exact ceea ce aveți nevoie: markup SVG simplu pentru a salva ca fișier, o regulă CSS gata de lipit cu paternul încorporat ca data URI, sau o clasă Tailwind arbitrară pe care o puteți introduce direct în lista de clase a unui element.
Fiecare opțiune actualizează previzualizarea instantaneu, iar talierul sub ieșire raportează dimensiunile țiglei, numărul exact de caractere din codul generat și formatul de ieșire activ. Deoarece paternul este o singură țiglă vectorială mică în loc de o bitmap, rămâne clar la orice nivel de zoom și se scalează la orice dimensiune de ecran gratuit.
Totul rulează local în browserul dumneavoastră — nimic din ceea ce proiectați aici nu este încărcat nicăieri. Când sunteți mulțumit cu rezultatul, copiați-l, descărcați-l ca fișier .txt sau trimiteți ieșirea din nou la intrare pentru a continua să-l rafinați.