chromium/third_party/blink/web_tests/svg/filters/fecomposite-two-regions.svg

<svg width="600" height="250" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g>
    <use xlink:href="#rectpair" filter="url(#in)" x="10" y="10"/>
    <use xlink:href="#rectpair" filter="url(#out)" x="125" y="10"/>
    <use xlink:href="#rectpair" filter="url(#atop)" x="240" y="10"/>
    <use xlink:href="#rectpair" filter="url(#over)" x="355" y="10"/>
    <use xlink:href="#rectpair" filter="url(#xor)" x="470" y="10"/>
    <use xlink:href="#rectpair" filter="url(#arithmetic_k1)" x="10" y="125"/>
    <use xlink:href="#rectpair" filter="url(#arithmetic_k2)" x="125" y="125"/>
    <use xlink:href="#rectpair" filter="url(#arithmetic_k3)" x="240" y="125"/>
    <use xlink:href="#rectpair" filter="url(#arithmetic_k4)" x="355" y="125"/>
  </g>
  <defs>
    <g id="rectpair">
      <rect x="10" y="10" width="60" height="60" fill="rgb(0, 0, 128)" />
    </g>
    <filter id="in" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="in"/>
    </filter>
    <filter id="out" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="out"/>
    </filter>
    <filter id="atop" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="atop"/>
    </filter>
    <filter id="over" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="over"/>
    </filter>
    <filter id="xor" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="xor"/>
    </filter>
    <filter id="arithmetic_k4" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="arithmetic" k1="0.75" k4="0.25" x="0" y="0" width="100" height="100"/>
    </filter>
    <filter id="arithmetic_k3" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="arithmetic" k3="1" x="0" y="0" width="100" height="100"/>
    </filter>
    <filter id="arithmetic_k2" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="arithmetic" k2="1" x="0" y="0" width="100" height="100"/>
    </filter>
    <filter id="arithmetic_k1" filterUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
      <feFlood x="40" y="40" width="60" height="60" flood-color="rgb(0, 128, 0)" />
      <feComposite in="SourceGraphic" operator="arithmetic" k1="1" x="0" y="0" width="100" height="100"/>
    </filter>
  </defs>
</svg>