svg圆形渐变

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"

"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"

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

<defs>

      <radialGradient id="colorGradient">

            <stop offset="0%" stop-color="#0000ff" stop-opacity="1"/>

            <stop offset="100%" stop-color="#0080ff" stop-opacity="0.2"/>

      </radialGradient>

</defs>

    <rect x="20" y="20" width="200" height="200" fill="url(#colorGradient)"/>

</svg>