third_party/WebKit/LayoutTests/svg/custom/pattern-with-transformation.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>sclaed Pattern on a rect</title>
   4     <defs>
   5         <pattern id="pat"
   6             x="5" y="5" width="10" height="10"
   7             patternUnits="userSpaceOnUse"
   8             patternTransform="scale(4) skewX(45) translate(8,8)"
   9             >
  10             <rect x="0" y="0" width="5" height="5" fill="green"/>
  11             <rect x="5" y="0" width="5" height="5" fill="red"/>
  12             <rect x="0" y="5" width="5" height="5" fill="blue"/>
  13             <rect x="5" y="5" width="5" height="5" fill="yellow"/>
  14         </pattern>
  15
  16     </defs>
  17
  18     <g>
  19         <rect x="10" y="10" width="120" height="100" line-width="20" fill="rgb(255,255,255)" stroke="url(#pat)" />
  20         <text x="15" y="70" style="fill:url(#pat); font-size:50;">Test</text>
  21     </g>
  22
  23 </svg>