radialgradient-basic-003.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/pservers/reftests/radialgradient-basic-003.svg - WPT Dashboard Interop Dashboard

Default Checkerboard Light Dark

<svg width="100%" height="100%" viewBox="0 0 480 360"

  xmlns="http://www.w3.org/2000/svg"

  xmlns:html="http://www.w3.org/1999/xhtml">

  <g id="testmeta">

    <title>Radial gradient: Basic gradient with negative 'fr'.</title>

    <html:link rel="help"

          href="https://www.w3.org/TR/SVG2/pservers.html#RadialGradients"/>

    <html:link rel="match"  href="radialgradient-basic-003-ref.svg" />

  </g>

  <defs>

    <radialGradient id="RadialGradient1" gradientUnits="userSpaceOnUse" cx="120" cy="240" fx="120" fy="240" r="100" fr="-50">

      <stop style="stop-color:#0000ff" offset="0%"/>

      <stop style="stop-color:#00ffff" offset="50%"/>

    </radialGradient>

  </defs>

  <rect x="20"  y="140" width="200" height="200" style="fill:url(#RadialGradient1)" />

</svg>