User:Lilyuserin/SVG/gradient

Da ich eine Art räumliche Vorstellungsvermögenlegasthenikerin bin, zeige ich hier die Auswirkungen der Einstellungen von x1, x2, y1 und y2 auf die Richtung von linearen Gradienten.

Grün ist bei Offset 0, Weiß bei Offset 1.

Tabelle

Eingabe	Verlaufsrichtung	Anmerkung
default	horizontal von links nach rechts (offset 0=links)	x1="0" x2="1" y1="0" y2="0"
x1="1" x2="0" y1="1" y2="1"	horizontal von rechts nach links (offset 0=rechts)	alle Defaulteinstellungen geändert
x1="1" y1="1"	vertikal von unten nach oben (offset 0=unten)
x2="0" y2="1"	vertikal von oben nach unten (offset 0=oben)
y1="1"	schräg von links unten nach rechts oben (offset 0=links unten)
x1="1" x2="0" y2="1"	schräg von rechts oben nach links unten (offset 0=rechts oben)
y2="1"	schräg von links oben nach rechts unten (offset 0=links oben)
x2="0" x1="1" y1="1"	schräg von rechts unten nach links oben (offset 0=rechts unten)

Gradient

<defs>
  <linearGradient id="lg" y1="1">
   <stop offset="0" stop-color="#080" />
   <stop offset="1" stop-color="#f0fff0"  />
  </linearGradient>
  <linearGradient id="lgb" x1="1" x2="0" y2="1" >
   <stop offset="0" stop-color="#7c7" />
   <stop offset="1" stop-color="#060" />
  </linearGradient>
  <linearGradient id="l2" x1="1" x2="0" y2="1" >
   <stop offset="0" stop-color="#080" />
   <stop offset="1" stop-color="#f0fff0"  />
  </linearGradient>

  <filter id="f1" filterUnits="objectBoundingBox"
          x="-0.25" y="-0.25" width="1.5" height="1.5">
    <feColorMatrix type="hueRotate" values="15" in="SourceGraphic" />
  </filter>
 </defs>