third_party/WebKit/LayoutTests/svg/custom/radial-gradient-with-outstanding-focalPoint.svg

   1 <svg xmlns="http://www.w3.org/2000/svg">
   2 <defs>
   3 <!-- userSpaceOnUse -->
   4   <radialGradient id="rad11" cx="50" cy="50" r="30" fx="100" fy="100" gradientUnits="userSpaceOnUse">
   5     <stop stop-color="white" offset="0" />
   6     <stop stop-color="blue" offset="1" />
   7   </radialGradient>
   8   <radialGradient id="rad12" cx="170" cy="50" r="30" fx="120" fy="0" gradientUnits="userSpaceOnUse">
   9     <stop stop-color="white" offset="0" />
  10     <stop stop-color="blue" offset="1" />
  11   </radialGradient>
  12
  13 <!-- objectBoundingBox -->
  14   <radialGradient id="rad21" cx="50%" cy="50%" r="30%" fx="100%" fy="100%">
  15     <stop stop-color="white" offset="0" />
  16     <stop stop-color="blue" offset="1" />
  17   </radialGradient>
  18   <radialGradient id="rad22" cx="50%" cy="50%" r="30%" fx="0%" fy="0%">
  19     <stop stop-color="white" offset="0" />
  20     <stop stop-color="blue" offset="1" />
  21   </radialGradient>
  22 </defs>
  23 <rect width="100" height="100" fill="url(#rad11)" />
  24 <rect x="120" width="100" height="100" fill="url(#rad12)" />
  25 <rect y="120" width="100" height="100" fill="url(#rad21)" />
  26 <rect x="120" y="120" width="100" height="100" fill="url(#rad22)" />
  27 </svg>