SVG/Attribut/type (feColorMatrix)

Das type Attribut gibt an, wie das auf welcher Grundlage die Arbeitsmatrix für feColorMatrix erstellt werden soll. Mit type="matrix" kann die Transformationsmatrix Zelle für Zelle angegeben werden,

Erlaubte Werte

matrix, saturate, hueRotate, luminanceToAlpha

Standardwert

matrix

anwendbar auf

feColorMatrix

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

<filter id="Matrix" filterUnits="objectBoundingBox"
        x="0%" y="0%" width="100%" height="100%">
  <feColorMatrix type="matrix" in="SourceGraphic"
       values=".33 .33 .33 0 0 
               .33 .33 .33 0 0 
               .33 .33 .33 0 0 
               .33 .33 .33 0 0"/>
</filter>
<filter id="Saturate40" filterUnits="objectBoundingBox"
        x="0%" y="0%" width="100%" height="100%">
  <feColorMatrix type="saturate" 
                 in="SourceGraphic" 
                 values="0.4"/>
</filter>
<filter id="HueRotate90" filterUnits="objectBoundingBox"
        x="0%" y="0%" width="100%" height="100%">
  <feColorMatrix type="hueRotate" 
                 in="SourceGraphic" 
                 values="90"/>
</filter>
<filter id="LuminanceToAlpha" 
        filterUnits="objectBoundingBox"
        x="0%" y="0%" width="100%" height="100%">
  <feColorMatrix type="luminanceToAlpha" 
                 in="SourceGraphic" 
                 result="a"/>
  <feComposite in="SourceGraphic" 
               in2="a"
               operator="in" />
</filter>

Siehe auch

• Filter in SVG - Bildmanipulation

Weblinks

• Spezifikation (W3C): Transfer Func Elements