Krótka instrukcja
Spróbuj z własnymi danymi, kiedy będziesz gotowy.
Wypróbuj przykład
Wprowadź
- Kolor tła (HEX)
#fff
- Drugi kolor (HEX)
#000
- Rozmiar kafelki (piksele)
16
- Wzór
Checkerboard
Otrzymasz
<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>
Jak działa i jakie ma ograniczenia
Użyj dwóch nieprzezroczystych kolorów i wielkości płytek od 16 do 128 pikseli. Wynik to plik SVG 256×256 z powtarzalnym wzorem i podglądem obrazu.
Generowane źródło zawiera tylko stałe kształty i zatwierdzone kolory / numery, bez skryptów lub zewnętrznych zasobów. Skopiuj go do pliku .svg, aby go ponownie użyć.