chromium/third_party/blink/web_tests/svg/custom/pattern-rotate.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>single rotated rect with pattern (Bug 14924)</title>

    <defs>
        <pattern id="simpledots"
            x="0" y="0" width="1" height="1" 
            patternUnits="objectBoundingBox"
            patternContentUnits="objectBoundingBox"
            >
            <circle cx="0.25" cy="0.25" r="0.15" style="fill: red;"/>
            <circle cx="0.75" cy="0.25" r="0.15" style="fill: green;"/>
            <circle cx="0.25" cy="0.75" r="0.15" style="fill: blue;"/>
            <circle cx="0.75" cy="0.75" r="0.15" style="fill: purple;"/>
            <circle cx="0.5" cy="0.5" r="0.05" style="fill: orange;"/>
        </pattern>

      <g id="dottedrect">
        <rect x="0" y="0" width="100" height="100" fill="url(#simpledots)" stroke="black" />
      </g>

    </defs>

    <g transform="translate(80, 20)">
      <use xlink:href="#dottedrect" transform="rotate(25)" />
    </g>

  <g transform="matrix(1 0 0 1 10 200)">
    <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">five dots should fit in the rectangle. </tspan>
      <tspan x="0" y="30">Bug 14924</tspan>
    </text>
  </g>

</svg>