SVG/Element/feFuncB

Das fefuncB-Element legt die Transferfunktion für den blauen Farbkanal der Eingangsgrafik des Elternelements feComponentTransfer fest.

Syntax

Start-Tag: notwendig

End-Tag: ggf. notwendig

Elternelemente

Darf vorkommen in:
feComponentTransfer

erlaubte Inhalte

animate, set

Attribute

Name	Inhalt	Standardwert	Bedeutung
type	identity, table, discrete, linear, gamma	identity	Legt die Funktionsschablone für die Transferfunktion fest. Abhängig von type sind die folgenden Attribute relevant oder nicht.
tableValues	NUMBER-Liste	""	(type="table" und type="discrete") Stützwerte für Streckenzug bzw. Treppenfunktion, durch Komma oder Space getrennt
slope	NUMBER	1	(type="linear") die Steigung der Funktion
intercept	NUMBER	1	(type="linear") der Y-Achsenabschnitt B
amplitude	NUMBER	1	(type="gamma") Amplitude der Gamma-Funktion
exponent	NUMBER	1	(type="gamma") der Exponent
offset	NUMBER	0	(type="gamma") der Offset

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

  <defs>
    <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="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>
  </defs>

Siehe auch

• Filter in SVG
  • Wasser und Wolken mit feTurbulence
  • SVG/Tutorials/Text/Filter-Effekte Sprayeffekt

Weblinks

• W3C (Spezifikation): fefuncB
• MDN feFuncB