chromium/third_party/blink/web_tests/svg/custom/radial-gradient-with-outstanding-focalPoint.svg

<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- userSpaceOnUse -->
  <radialGradient id="rad11" cx="50" cy="50" r="30" fx="100" fy="100" gradientUnits="userSpaceOnUse">
    <stop stop-color="white" offset="0" />
    <stop stop-color="blue" offset="1" />
  </radialGradient>
  <radialGradient id="rad12" cx="170" cy="50" r="30" fx="120" fy="0" gradientUnits="userSpaceOnUse">
    <stop stop-color="white" offset="0" />
    <stop stop-color="blue" offset="1" />
  </radialGradient>

<!-- objectBoundingBox -->
  <radialGradient id="rad21" cx="50%" cy="50%" r="30%" fx="100%" fy="100%">
    <stop stop-color="white" offset="0" />
    <stop stop-color="blue" offset="1" />
  </radialGradient>
  <radialGradient id="rad22" cx="50%" cy="50%" r="30%" fx="0%" fy="0%">
    <stop stop-color="white" offset="0" />
    <stop stop-color="blue" offset="1" />
  </radialGradient>
</defs>
<rect width="100" height="100" fill="url(#rad11)" />
<rect x="120" width="100" height="100" fill="url(#rad12)" />
<rect y="120" width="100" height="100" fill="url(#rad21)" />
<rect x="120" y="120" width="100" height="100" fill="url(#rad22)" />
</svg>