SVG háttérminta generátor
Létrehozzon egy zökkenőmentes SVG háttérmintát — pontok, rács, csíkok, hullámok, négyzetek, hatszögek vagy topográfia — SVG, CSS vagy Tailwind osztály formájában.
SVG háttérminta generátor
Válasszon egy motívumot — pontok, rács, átlós csíkok, hullámok, négyzetek, hatszögek vagy topográfia — és az eszköz egy zökkenőmentes SVG mintát hoz létre, amely közvetlenül beilleszthető weboldal-háttérbe, alkalmazás képernyőjébe vagy nyomtatott tervbe. A minta egyetlen ismétlődő csempéből épül fel, így a fájl meglehetősen kicsi marad, függetlenül attól, hogy mekkora terület alatt van.
A csempe mérete az ismétlések közötti távolságot szabályozza, a vonal vastagsága pedig azt, hogy mennyire félévek az ecsetvonások — az pontok és négyzetek méretét is meghatározza. Az előtér és háttér bármilyen hexadecimális színt fogad el (#RRGGBB vagy a rövidebb #RGB forma), az áttetszőség elhalványítja a motívumot a háttérbe anélkül, hogy megérintené a háttérszínt, és az elforgatás az egész csempét fordítja meg — az átlós csíkok már 45°-ban indulnak el. Váltson a kimeneti formátumon, hogy pontosan azt kapja, amire szüksége van: sima SVG jelölés egy fájlként, egy kész beilleszthető CSS szabály a mintával beágyazva data URI-ként, vagy egy Tailwind önkényes értékosztály, amelyet közvetlenül az elem osztálylistájára dobhat.
Minden opció azonnal frissíti az előnézetet az Ön beállítása közben, és a kimenet alatti szám a csempe méreteit, a generált kód pontos karakterszámát és az aktív kimeneti formátumot jelzi. Mivel a minta egyetlen kis vektor csempe, nem pedig bitmap, minden nagyítási szinten éles marad, és bármilyen képernyőméretre ingyen méretezhető.
Minden helyileg fut a böngészőben — semmi, amit itt tervezel, nem kerül fel sehova. Ha elégedett az eredménnyel, másolja le, töltse le .txt fájlként, vagy küldje vissza a kimenetet a bemenetbe, hogy tovább finomítsa azt.