BigBadaboom
Seams may appear when rendering tiled SVG patterns
the svg like this
<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'> <defs> <pattern id='a' patternUnits='userSpaceOnUse' width='20.0' height='40.0' patternTransform='scale(1.0) translate(0,0) rotate(32)'> <rect x='-0.5' y='-0.5' width='21.0' height='41.0' fill='#FFFFFF'/> <path d='M0 20v20h20V20zm10.135 4.9l1.342 3.579 3.845.312-2.996 2.506.897 3.8-3.268-2.056L6.736 35.1l.985-3.848-3.043-2.504 3.935-.18z' stroke-width='1.0' stroke='none' fill='#805AD5'/> <path d='M0 0v20h20V0zm10.135 4.9l1.342 3.579 3.845.312-2.996 2.506.897 3.8-3.268-2.056L6.736 15.1l.985-3.848-3.043-2.504 3.935-.18z' stroke-width='1.0' stroke='none' fill='#E91E63'/> </pattern> </defs> <rect width='100%' height='100%' fill='url(#a)'/> </svg>
when rotate the pattern, between each pattern , there would be Seams
