Generate tileable SVG patterns.
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="p" width="20" height="20" patternUnits="userSpaceOnUse">
<rect width="20" height="20" fill="#ffffff" />
<circle cx="10" cy="10" r="2.5" fill="#a855f7" />
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#p)" />
</svg>