SVG/Attribut/type (feFunc*)

Das type Attribut gibt an, welche Funktionsschablone die Transferfunktionen in feComponentTransfer benutzen sollen.

Erlaubte Werte

identity

Der Farbwert bleibt unverändert

table

Die Abbildungsfunktion wird durch eine stückweise lineare Funktion festgelegt. Die y-Werte für Start-, Zwischen- und Endpunkte werden im tableValues-Attribut aufgelistet.

discrete

Analog zu table, aber statt zwischen zwei Stützpunkten zu interpolieren, wird der y-Wert des weiter links liegenden Stützpunkts verwendet (Treppenfunktion)

linear

Verwende eine lineare Funktion vom Typ C'=slope · C + intercept
(slope=Steigung, intercept=y-Achsenabschnitt, C=umzurechnender Farbwert).
Die Funktionsparameter werden mit den Attributen slope und intercept festgelegt.

gamma

Verwende eine Potenzfunktion C' = amplitude · C^exponent + offset
Die Attribute amplitude, exponent und offset dienen zur Festlegung der Parameter.

Standardwert

identity

anwendbar auf

feFuncR, feFuncG, feFuncB, feFuncA

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

    <filter id="Identity" filterUnits="objectBoundingBox"
            x="0%" y="0%" width="100%" height="100%">
      <feComponentTransfer>
        <feFuncR type="identity"/>
        <feFuncG type="identity"/>
        <feFuncB type="identity"/>
        <feFuncA type="identity"/>
      </feComponentTransfer>
    </filter>
    <filter id="Table" filterUnits="objectBoundingBox"
            x="0%" y="0%" width="100%" height="100%">
      <feComponentTransfer>
        <feFuncR type="table" tableValues="0 0 1 1"/>
        <feFuncG type="table" tableValues="1 1 0 0"/>
        <feFuncB type="table" tableValues="0 1 1 0"/>
      </feComponentTransfer>
    </filter>
    <filter id="Linear" filterUnits="objectBoundingBox"
            x="0%" y="0%" width="100%" height="100%">
      <feComponentTransfer>
        <feFuncR type="linear" slope=".5" intercept=".25"/>
        <feFuncG type="linear" slope=".5" intercept="0"/>
        <feFuncB type="linear" slope=".5" intercept=".5"/>
      </feComponentTransfer>
    </filter>
    <filter id="Gamma" filterUnits="objectBoundingBox"
            x="0%" y="0%" width="100%" height="100%">
      <feComponentTransfer>
        <feFuncR type="gamma" amplitude="2" exponent="5" offset="0"/>
        <feFuncG type="gamma" amplitude="2" exponent="3" offset="0"/>
        <feFuncB type="gamma" amplitude="2" exponent="1" offset="0"/>
      </feComponentTransfer>
    </filter>

Siehe auch

• SVG/Element/feComponentTransfer

Weblinks

• Spezifikation (W3C): feComponentTranfer Filter und zugehörige Transferfunktionen