third_party/WebKit/LayoutTests/svg/transforms/transformed-text-fill-pattern-expected.html

   1 <html><body><svg width="1000" height="600" xmlns="http://www.w3.org/2000/svg">
   2  <defs>
   3    <pattern id="hatch" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
   4      <g style="fill:none; stroke:black; stroke-width:1">
   5        <path d="M0,0 l10,10"/>
   6        <path d="M10,0 l-10,10"/>
   7      </g>
   8    </pattern>
   9    <clipPath id="clipHack">
  10      <rect x="3" y="0" width="24" height="600"></rect>
  11      <rect x="33" y="10" width="24" height="600"></rect>
  12      <rect x="63" y="0" width="24" height="600"></rect>
  13      <rect x="93" y="0" width="24" height="600"></rect>
  14      <rect x="123" y="0" width="24" height="600"></rect>
  15      <text></text>
  16    </clipPath>
  17  </defs>
  18  <g transform="scale(4)" clip-path="url(#clipHack)">
  19   <rect y="26" width="150" height="30" fill="url(#hatch)">
  20  </g>
  21  <g transform="scale(6)" clip-path="url(#clipHack)">
  22   <rect y="66" x="0" width="150" height="30" fill="url(#hatch)">
  23  </g>
  24 </svg>
  25 </body>
  26 </html>