layout/reftests/svg/pattern-transformed-02.svg

   1 <svg width="800" height="500" xmlns="http://www.w3.org/2000/svg">
   2
   3   <text x="25" y="25">Both patterns should render without blurriness</text>
   4
   5   <pattern id="pattern1" viewBox="0 0 100 20" width="100" height="20"
   6            patternUnits="userSpaceOnUse">
   7     <circle r="2" cx="10" cy="10" fill="green"/>
   8     <circle r="4" cx="30" cy="10" fill="green"/>
   9     <circle r="6" cx="50" cy="10" fill="green"/>
  10     <circle r="8" cx="70" cy="10" fill="green"/>
  11     <circle r="10" cx="90" cy="10" fill="green"/>
  12   </pattern>
  13
  14   <circle r="150" cx="200" cy="200" stroke="gray" fill="none"/>
  15   <circle r="150" cx="200" cy="200" fill="url(#pattern1)"/>
  16
  17   <pattern id="pattern2" viewBox="0 0 20 100" width="20" height="100"
  18            patternUnits="userSpaceOnUse" patternTransform="rotate(270)">
  19     <circle r="2" cx="10" cy="10" fill="green"/>
  20     <circle r="4" cx="10" cy="30" fill="green"/>
  21     <circle r="6" cx="10" cy="50" fill="green"/>
  22     <circle r="8" cx="10" cy="70" fill="green"/>
  23     <circle r="10" cx="10" cy="90" fill="green"/>
  24   </pattern>
  25
  26   <circle r="150" cx="600" cy="200" stroke="gray" fill="none"/>
  27   <circle r="150" cx="600" cy="200" fill="url(#pattern2)"/>
  28
  29 </svg>