chromium/third_party/blink/web_tests/svg/custom/pattern-rotate-gaps.svg

<?xml version="1.0" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
    <title>SVG Rendering artifacts on a rotated, pattern filled shape (Bug 53055)</title>

    <defs>
        <pattern id="squares" x="0" y="0" width="4" height="4"  patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse">
            <rect x="0" y="0" width="2" height="2" style="fill: white;"/>
            <rect x="0" y="2" width="2" height="2" style="fill: white;"/>
            <rect x="2" y="0" width="2" height="2" style="fill: white;"/>
            <rect x="2" y="2" width="2" height="2" style="fill: white;"/>
        </pattern>
    </defs>

    <rect x="0" y="0" width="200" height="200" />
    <g transform="translate(80, 20)">
        <rect x="0" y="0" width="100" height="100" fill="url(#squares)" transform="rotate(25)" />
    </g>

  <g transform="matrix(1 0 0 1 10 300)">
    <text font-family="'Courier'" font-size="12">
      <tspan x="0" y="0">For this test case to be successful, the</tspan>
      <tspan x="0" y="15">rotated square inside the black area</tspan>
      <tspan x="0" y="30">should be pure white.</tspan>
    </text>
  </g>

</svg>