Beispiel: 34, Kompositions-Filter Download Bsp34

in:  
in2: 
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="332" height="282" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <title>Kompositions-Filter</title>
  <defs>
    <filter id="over" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feImage xlink:href="compHelp.svg" result="streifen"/>
      <feImage xlink:href="stern.svg" result="stern"/>
      <feComposite operator="over" in="stern" in2="streifen"/>
    </filter>
    <filter id="in" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feImage xlink:href="compHelp.svg" result="streifen"/>
      <feImage xlink:href="stern.svg" result="stern"/>
      <feComposite operator="in" in="stern" in2="streifen"/>
    </filter>
    <filter id="out" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feImage xlink:href="compHelp.svg" result="streifen"/>
      <feImage xlink:href="stern.svg" result="stern"/>
      <feComposite operator="out" in="stern" in2="streifen"/>
    </filter>
    <filter id="atop" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feImage xlink:href="compHelp.svg" result="streifen"/>
      <feImage xlink:href="stern.svg" result="stern"/>
      <feComposite operator="atop" in="stern" in2="streifen"/>
    </filter>
    <filter id="xor" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feImage xlink:href="compHelp.svg" result="streifen"/>
      <feImage xlink:href="stern.svg" result="stern"/>
      <feComposite operator="xor" in="stern" in2="streifen"/>
    </filter>
    <filter id="arithmetic" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feImage xlink:href="compHelp.svg" result="streifen"/>
      <feImage xlink:href="stern.svg" result="stern"/>
      <feComposite operator="arithmetic" k1="0" k2="1" k3="1" k4="0" in="stern" in2="streifen"/>
    </filter>
    <rect id="rand" x="0" y="0" width="104" height="104" stroke="black" fill="none" />
  </defs>
  <use filter="url(#over)" transform="translate(5 5)"/>
  <use filter="url(#in)" transform="translate(115 5)"/>
  <use filter="url(#out)" transform="translate(225 5)"/>
  <use filter="url(#atop)" transform="translate(5 150)"/>
  <use filter="url(#xor)" transform="translate(115 150)"/>
  <use filter="url(#arithmetic)" transform="translate(225 150)"/>

  <use xlink:href="#rand" transform="translate(3 3)"/>
  <use xlink:href="#rand" transform="translate(113 3)"/>
  <use xlink:href="#rand" transform="translate(223 3)"/>
  <use xlink:href="#rand" transform="translate(3 148)"/>
  <use xlink:href="#rand" transform="translate(113 148)"/>
  <use xlink:href="#rand" transform="translate(223 148)"/>

  <text x="5" y="128" font-size="10pt">operator="over"</text>
  <text x="115" y="128" font-size="10pt">operator="in"</text>
  <text x="225" y="128" font-size="10pt">operator="out"</text>
  <text x="5" y="276" font-size="10pt">operator="atop"</text>
  <text x="115" y="276" font-size="10pt">operator="xor"</text>
  <text x="225" y="276" font-size="10pt">...="arithmetic"</text>
</svg>

< voriges Beispiel - nächtes Beispiel > Fenster schliessen