Generátor vzoru pozadí SVG
Vytvořte bezešvý vzor pozadí SVG — tečky, síť, pruhy, vlnění, čtverce, šestiúhelníky nebo topografii — jako SVG, CSS nebo třídu Tailwind.
Generátor vzoru pozadí SVG
Vyberte si motiv — tečky, síť, diagonální pruhy, vlnění, čtverce, šestiúhelníky nebo topografii — a tento nástroj vytvoří bezešvý vzor SVG, který můžete vložit přímo do pozadí webové stránky, obrazovky aplikace nebo tištěného designu. Vzor je postaven z jedné opakující se dlaždice, takže soubor zůstane malý bez ohledu na velikost plochy, kterou pokrývá.
Velikost dlaždice řídí rozestup mezi opakováním a tloušťka čáry řídí, jak tučné jsou tahy — pro tečky a čtverce také nastavuje jejich velikost. Barva popředí a pozadí akceptují jakoukoli hexadecimální barvu (#RRGGBB nebo kratší formu #RGB), krytí oslabuje motiv do jeho pozadí beze změny samotné barvy pozadí a otočení otáčí celou dlaždicí — diagonální pruhy již začínají na 45° a dále se otáčejí. Přepněte formát výstupu, abyste získali právě to, co potřebujete: prosté značky SVG k uložení jako soubor, pravidlo CSS připravené k vložení se vzorem vloženým jako data URI, nebo třídu Tailwind libovolné hodnoty, kterou můžete vložit přímo do seznamu tříd prvku.
Každá možnost okamžitě aktualizuje náhled, když jej upravujete, a počet pod výstupem hlásí rozměry dlaždice, přesný počet znaků generovaného kódu a aktivní formát výstupu. Protože je vzor jednou malou vektorovou dlaždicí namísto rastrového obrázku, zůstává ostrý na jakékoli úrovni přiblížení a bez dalších nákladů se změní na jakoukoli velikost obrazovky.
Všechno běží lokálně ve vašem prohlížeči — nic, co zde navrhujete, se nikam neodesílá. Až budete spokojeni s výsledkem, zkopírujte jej, stáhněte si jej jako soubor .txt nebo pošlete výstup zpět na vstup, abyste jej dále vylepšili.