third_party/WebKit/LayoutTests/svg/custom/radialGradient-focal-radius.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2 <defs>
   3 <radialGradient id="reference">
   4     <stop stop-color="blue" offset="0%"/>
   5     <stop stop-color="yellow" offset="50%"/>
   6     <stop stop-color="green" offset="100%"/>
   7 </radialGradient>
   8 <radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="0" id="grad1" xlink:href="#reference"/>
   9 <radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="15%" id="grad2" xlink:href="#reference"/>
  10 <radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="30%" id="grad3" xlink:href="#reference"/>
  11 <radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="50%" id="grad4" xlink:href="#reference"/>
  12 <radialGradient cx="50%" cy="50%" r="30%" fx="-2.5%" fy="50%" fr="10%" id="grad5" xlink:href="#reference"/>
  13 <radialGradient cx="50%" cy="50%" r="30%" fx="102.5%" fy="50%" fr="10%" id="grad6" xlink:href="#reference"/>
  14 <radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="-2.5%" fr="10%" id="grad7" xlink:href="#reference"/>
  15 <radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="102.5%" fr="10%" id="grad8" xlink:href="#reference"/>
  16 </defs>
  17 <rect x="100" y="0" width="150" height="150" fill="url(#grad1)"/>
  18 <rect x="100" y="150" width="150" height="150" fill="url(#grad2)"/>
  19 <rect x="100" y="300" width="150" height="150" fill="url(#grad3)"/>
  20 <rect x="100" y="450" width="150" height="150" fill="url(#grad4)"/>
  21 <rect x="450" y="0" width="150" height="150" fill="url(#grad5)"/>
  22 <rect x="450" y="150" width="150" height="150" fill="url(#grad6)"/>
  23 <rect x="450" y="300" width="150" height="150" fill="url(#grad7)"/>
  24 <rect x="450" y="450" width="150" height="150" fill="url(#grad8)"/>
  25 </svg>