Referenz:SVG/Attribute/k1, k2, k3, k4

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut k1, k2, k3, k4
Beschreibung Transfer Funktionsattribut, das bei operator="arithmetic" 4 Werte festlegt
erlaubte Werte

Zahl

default-Wert 0
animierbar nein
anwendbar auf feComposite (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif feComposite k1 Attribute
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>
Beachten Sie
Tipp