Gradients et motifs : gradient radial

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg SYSTEM "svg-19991203.dtd" >
<
<svg width="500px" height="500px" >
<g style="text-rendering:optimizeLegibility;shape-rendering:default">

    <defs>
      <radialGradient id="grad1" cx="250" cy="250" r="300" fx="250" fy="250">
        <stop offset="0%"   style="stop-color:#FF0000"/>
        <stop offset="25%" style="stop-color:#0000FF"/>
        <stop offset="50%" style="stop-color:#00FF00"/>
        <stop offset="75%" style="stop-color:#0000FF"/>
        <stop offset="100%" style="stop-color:#FF0000"/>
      </radialGradient>
    </defs>

<text x="5" y="20" style="font-size:22">SVG Demo: Radial gradient</text>

<rect style="fill:url(#grad1)" x="50" y="50" width="400" height="400" />

</g>
</svg>

Didier Courtaud
Le langage SVG
25 Janvier 2000

56 / 74