third_party/WebKit/LayoutTests/svg/custom/gradient-rotated-bbox.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
   2   <title>Bug 14157: Rotated shape has wrong gradient rendering</title>
   3
   4   <linearGradient id="my_gradient" x1="0" y1="0" x2="0" y2="1">
   5     <stop offset="0" stop-color="red" />
   6     <stop offset="0.5" stop-color="green" />
   7     <stop offset="1" stop-color="blue" />
   8   </linearGradient>
   9
  10   <rect width="400" height="300" rx="20" ry="20" fill="url(#my_gradient)"
  11         transform="translate(200, 150) scale(0.3) rotate(45) translate(-200, -150)" />
  12
  13   <radialGradient id="my_gradient2" cx="0.5" cy="0.5" r="1">
  14     <stop offset="0" stop-color="red" />
  15     <stop offset="0.5" stop-color="green" />
  16     <stop offset="1" stop-color="blue" />
  17   </radialGradient>
  18
  19   <rect r="400" x="0" y="0" width="400" height="300" fill="url(#my_gradient2)" transform="translate(20, 150) scale(0.3) skewX(15) translate(-20, -150)"/>
  20 </svg>