SVG-kuviogeneraattori

Luo ruutulevy-, piste- tai raitakuvio SVG-lähteenä.

Grafiikka Tietoja ei tallenneta

Suurin syötön pituus kenttää kohti: 7 Unicode-koodipisteet. Katso käyttörajoitukset ohjeista.

Pikaopas

Kokeile sitä omilla tiedoillasi, kun olet valmis.

Kokeile esimerkkiä

Syötät

Taustaväri (HEX)
#fff
Toinen väri (HEX)
#000
Tiilin koko (pikselit)
16
Kuvio
Checkerboard

Saat

<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>
Toiminta ja rajoitukset

Käytä kahta läpinäkymätöntä hex-väriä ja laattojen kokoa 16-128-pikseleistä. Lähtö on 256×256 SVG toistuvalla kuviolla ja kuvan esikatselulla.

Luotu lähde sisältää vain kiinteitä muotoja ja validoituja värejä/numeroita, ilman skriptejä tai ulkoisia resursseja. Kopioi se .svg-tiedostoon sen uudelleenkäyttöä varten.