SVG/Attribut/k1, k2, k3, k4

Die k1, k2, k3, k4-Attribute sind Transfer Funktionsattribute, die bei operator="arithmetic" 4 Werte festlegen.

Erlaubte Werte

Zahl

Standardwert

0

anwendbar auf

feComposite

Präsentationsattribut

nein

mit CSS animierbar

nein

Beispiel

  
<filter id="overFlood"
        filterUnits="objectBoundingBox"
        x="-5%" y="-5%" width="110%" height="110%">
      <feFlood flood-color="#ffffff"
               flood-opacity="1"
               result="flood"/>
      <feComposite in="SourceGraphic"
                   in2="BackgroundImage" 
                   operator="over"
                   result="comp"/>
      <feMerge> 
         <feMergeNode in="flood"/> 
         <feMergeNode in="comp"/>
      </feMerge>
</filter>
<filter id="inFlood" filterUnits="objectBoundingBox"
        x="-5%" y="-5%" width="110%" height="110%">
      <feFlood flood-color="#ffffff" 
               flood-opacity="1" result="flood"/>
      <feComposite in="SourceGraphic" 
                   in2="BackgroundImage"
                   operator="in" 
                   result="comp"/>
      <feMerge> 
         <feMergeNode in="flood"/> 
         <feMergeNode in="comp"/>
      </feMerge>
</filter>
<filter id="outFlood" filterUnits="objectBoundingBox"
         x="-5%" y="-5%" width="110%" height="110%">
  <feFlood flood-color="#ffffff" 
    flood-opacity="1" result="flood"/>
  <feComposite in="SourceGraphic" 
               in2="BackgroundImage" operator="out" result="comp"/>
  <feMerge>
    <feMergeNode in="flood"/> 
    <feMergeNode in="comp"/>
  </feMerge>
</filter>
<filter id="atopFlood" filterUnits="objectBoundingBox" 
         x="-5%" y="-5%" width="110%" height="110%">
  <feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
  <feComposite in="SourceGraphic" 
               in2="BackgroundImage" operator="atop" result="comp"/>
  <feMerge> <feMergeNode in="flood"/> <feMergeNode in="comp"/> </feMerge>
</filter>
 <filter id="xorFlood" filterUnits="objectBoundingBox" 
   x="-5%" y="-5%" width="110%" height="110%">
  <feFlood flood-color="#ffffff" 
           flood-opacity="1" result="flood"/>
 <feComposite in="SourceGraphic"
              in2="BackgroundImage" operator="xor" result="comp"/>
  <feMerge> 
     <feMergeNode in="flood"/>
     <feMergeNode in="comp"/>
  </feMerge>
</filter>
<filter id="arithmeticFlood" filterUnits="objectBoundingBox" 
         x="-5%" y="-5%" width="110%" height="110%">
  <feFlood flood-color="#ffffff" flood-opacity="1" result="flood"/>
  <feComposite in="SourceGraphic" in2="BackgroundImage" result="comp"
                operator="arithmetic" k1=".5" k2=".5" k3=".5" k4=".5"/>
 <feMerge> <feMergeNode in="flood"/> <feMergeNode in="comp"/> </feMerge>
</filter>

Siehe auch

• SVG/Element/feComposite

Weblinks

• Spezifikation (W3C): feComposite k1 Attribute