next plan previous Logo

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

Logo orateur