Snabbguide
Prova det med dina egna data när du är redo.
Prova ett exempel
Du matar in
- Bakgrundsfärg (HEX)
#fff
- Andra färgen (HEX)
#000
- Tile size (pixlar)
16
- Pattern
Checkerboard
Du får
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><pattern id="tile" width="16" height="16" patternUnits="userSpaceOnUse"><path d="M0 0h16v16H0z" fill="#FFFFFF"/><path d="M0 0h8v8H0zM8 8h8v8H8z" fill="#000000"/></pattern></defs><path d="M0 0h256v256H0z" fill="url(#tile)"/></svg>
Så fungerar det och vilka gränser som gäller
Använd två ogenomskinliga hexfärger och en kakelstorlek från 16 till 128 pixlar. Utgången är en 256 × 256 SVG med ett upprepande mönster och en bildförhandsgranskning.
Den genererade källan innehåller endast fasta former och validerade färger / nummer, utan skript eller externa resurser. Kopiera den till en .svg-fil för att återanvända den.