third_party/WebKit/LayoutTests/svg/custom/pattern-rotate.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>single rotated rect with pattern (Bug 14924)</title>
   4
   5     <defs>
   6         <pattern id="simpledots"
   7             x="0" y="0" width="1" height="1"
   8             patternUnits="objectBoundingBox"
   9             patternContentUnits="objectBoundingBox"
  10             >
  11             <circle cx="0.25" cy="0.25" r="0.15" style="fill: red;"/>
  12             <circle cx="0.75" cy="0.25" r="0.15" style="fill: green;"/>
  13             <circle cx="0.25" cy="0.75" r="0.15" style="fill: blue;"/>
  14             <circle cx="0.75" cy="0.75" r="0.15" style="fill: purple;"/>
  15             <circle cx="0.5" cy="0.5" r="0.05" style="fill: orange;"/>
  16         </pattern>
  17
  18       <g id="dottedrect">
  19         <rect x="0" y="0" width="100" height="100" fill="url(#simpledots)" stroke="black" />
  20       </g>
  21
  22     </defs>
  23
  24     <g transform="translate(80, 20)">
  25       <use xlink:href="#dottedrect" transform="rotate(25)" />
  26     </g>
  27
  28   <g transform="matrix(1 0 0 1 10 200)">
  29     <text font-family="'Courier'" font-size="12">
  30       <tspan x="0" y="0">For this test case to be successful, the</tspan>
  31       <tspan x="0" y="15">five dots should fit in the rectangle. </tspan>
  32       <tspan x="0" y="30">Bug 14924</tspan>
  33     </text>
  34   </g>
  35
  36 </svg>
  37
  38