svgio/qa/cppunit/data/filterFeComposite.svg

   1 <svg width="100%" height="100%" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg">
   2   <defs>
   3   <filter id="over" filterUnits="userSpaceOnUse">
   4     <feFlood x="3" y="3" width="10" height="10" flood-color="#6ab150" flood-opacity="1" result="img1"></feFlood>
   5     <feFlood x="7" y="7" width="10" height="10" flood-color="#ff0000" flood-opacity="1" result="img2"></feFlood>
   6     <feComposite in="img1" in2="img2" operator="over"></feComposite>
   7   </filter>
   8   <filter id="xor" filterUnits="userSpaceOnUse">
   9     <feFlood x="3" y="23" width="10" height="10" flood-color="#6ab150" flood-opacity="1" result="img1"></feFlood>
  10     <feFlood x="7" y="27" width="10" height="10" flood-color="#ff0000" flood-opacity="1" result="img2"></feFlood>
  11     <feComposite in="img1" in2="img2" operator="xor"></feComposite>
  12   </filter>
  13   <filter id="in" filterUnits="userSpaceOnUse">
  14     <feFlood x="3" y="43" width="10" height="10" flood-color="#6ab150" flood-opacity="1" result="img1"></feFlood>
  15     <feFlood x="7" y="47" width="10" height="10" flood-color="#ff0000" flood-opacity="1" result="img2"></feFlood>
  16     <feComposite in="img1" in2="img2" operator="in"></feComposite>
  17   </filter>
  18   <filter id="out" filterUnits="userSpaceOnUse">
  19     <feFlood x="3" y="63" width="10" height="10" flood-color="#6ab150" flood-opacity="1" result="img1"></feFlood>
  20     <feFlood x="7" y="67" width="10" height="10" flood-color="#ff0000" flood-opacity="1" result="img2"></feFlood>
  21     <feComposite in="img1" in2="img2" operator="out"></feComposite>
  22   </filter>
  23   <filter id="atop" filterUnits="userSpaceOnUse">
  24     <feFlood x="3" y="83" width="10" height="10" flood-color="#6ab150" flood-opacity="1" result="img1"></feFlood>
  25     <feFlood x="7" y="87" width="10" height="10" flood-color="#ff0000" flood-opacity="1" result="img2"></feFlood>
  26     <feComposite in="img1" in2="img2" operator="atop"></feComposite>
  27   </filter>
  28   </defs>
  29
  30   <use style="filter: url(#over)"></use>
  31   <text x="20" y="10" dominant-baseline="middle" style="font-size:5px;">operator="over"</text>
  32
  33   <use style="filter: url(#xor)"></use>
  34   <text x="20" y="30" dominant-baseline="middle" style="font-size:5px;">operator="xor"</text>
  35
  36   <use style="filter: url(#in)"></use>
  37   <text x="20" y="50" dominant-baseline="middle" style="font-size:5px;">operator="in"</text>
  38
  39   <use style="filter: url(#out)"></use>
  40   <text x="20" y="70" dominant-baseline="middle" style="font-size:5px;">operator="out"</text>
  41
  42   <use style="filter: url(#atop)"></use>
  43   <text x="20" y="90" dominant-baseline="middle" style="font-size:5px;">operator="atop"</text>
  44 </svg>