attern id="coloredBoxes" patternUnits="userSpaceOnUse" x="0" y="0" width="400" height="400">
                <rect x="200" y="200" width="200" height="200" fill="red"/>
                <rect x="0" y="200" width="200" height="200" fill="red"/>
                <rect x="0" y="0" width="200" height="200" fill="green"/>
                <rect x="200" y="0" width="200" height="200" fill="red"/>
            </pattern>
            <!-- Clip a rect to avoid antialiasing issues and to isolate the green portion of the 