Beispiel: 26, lineare Verläufe Download Bsp26

<?xml version="1.0" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="220" height="220" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <title>Linearer Verlauf</title>
  <defs>
    <linearGradient id="horizontalerVerlauf">
      <stop offset="5%" stop-color="red"/>
      <stop offset="95%" stop-color="yellow"/>
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="schraegerVerlauf">
      <stop offset="5%" stop-color="red"/>
      <stop offset="50%" stop-color="yellow"/>
      <stop offset="95%" stop-color="red"/>
    </linearGradient>
    <linearGradient x1="0%" y1="15%" x2="0%" y2="85%" id="vertikalerVerlauf">
      <stop offset="5%" stop-color="red"/>
      <stop offset="95%" stop-color="yellow"/>
    </linearGradient>
    <linearGradient xlink:href="#vertikalerVerlauf" id="repeat_vertikalerVerlauf" spreadMethod="repeat"/>

  </defs>
  <rect x="5" y="5" width="100" height="100" fill="url(#horizontalerVerlauf)"/>
  <rect x="115" y="5" width="100" height="100" fill="url(#schraegerVerlauf)"/>
  <rect x="5" y="115" width="100" height="100" fill="url(#vertikalerVerlauf)"/>
  <rect x="115" y="115" width="100" height="100" fill="url(#repeat_vertikalerVerlauf)"/>
</svg>

< voriges Beispiel - nächtes Beispiel > Fenster schliessen