third_party/WebKit/LayoutTests/svg/as-background-image/resources/svg-as-background-with-relative-size.svg

   1 <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
   2 <radialGradient id="gradient1" cx="0" cy="80" r="280" fx="150" fy="80" gradientUnits="userSpaceOnUse">
   3     <stop offset=".00" style="stop-color:#441155"/>
   4     <stop offset=".13" style="stop-color:#442266"/>
   5     <stop offset=".15" style="stop-color:#5599bb"/>
   6     <stop offset="0.25" style="stop-color:#ffffff"/>
   7     <stop offset="0.7" style="stop-color:#ffddcc"/>
   8     <stop offset="1" style="stop-color:#ffaaaa"/>
   9 </radialGradient>
  10
  11 <g style="fill:url(#gradient1)" stroke-width="2" stroke="salmon" transform="translate(100,20) scale(0.4)">
  12     <ellipse transform="translate(100 200) rotate(20)" rx="250" ry="150"/>
  13     <ellipse transform="translate(600 200) rotate(-30)" rx="250" ry="150"/>
  14     <ellipse transform="translate(100 500) rotate(-30)" rx="250" ry="150"/>
  15     <ellipse transform="translate(600 500) rotate(10)" rx="250" ry="150"/>
  16 </g>
  17 </svg>