third_party/WebKit/LayoutTests/svg/custom/pattern-rotate-gaps.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
   3     <title>SVG Rendering artifacts on a rotated, pattern filled shape (Bug 53055)</title>
   4
   5     <defs>
   6         <pattern id="squares" x="0" y="0" width="4" height="4"  patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse">
   7             <rect x="0" y="0" width="2" height="2" style="fill: white;"/>
   8             <rect x="0" y="2" width="2" height="2" style="fill: white;"/>
   9             <rect x="2" y="0" width="2" height="2" style="fill: white;"/>
  10             <rect x="2" y="2" width="2" height="2" style="fill: white;"/>
  11         </pattern>
  12     </defs>
  13
  14     <rect x="0" y="0" width="200" height="200" />
  15     <g transform="translate(80, 20)">
  16         <rect x="0" y="0" width="100" height="100" fill="url(#squares)" transform="rotate(25)" />
  17     </g>
  18
  19   <g transform="matrix(1 0 0 1 10 300)">
  20     <text font-family="'Courier'" font-size="12">
  21       <tspan x="0" y="0">For this test case to be successful, the</tspan>
  22       <tspan x="0" y="15">rotated square inside the black area</tspan>
  23       <tspan x="0" y="30">should be pure white.</tspan>
  24     </text>
  25   </g>
  26
  27 </svg>