chromium/third_party/blink/web_tests/svg/filters/fecomposite-region.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="0" y="0" width="100" height="100" fill="rgb(255, 0, 0)"/>
      <rect x="10" y="10" width="60" height="60" fill="rgb(0, 255, 0)"/>
    </g>
    <filter id="in">
      <feComposite in2="SourceGraphic" operator="in" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="out">
      <feFlood flood-opacity="0"/>
      <feComposite in="SourceGraphic" operator="out" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="atop">
      <feComposite in2="SourceGraphic" operator="atop" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="over">
      <feComposite in2="SourceGraphic" operator="over" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="xor">
      <feFlood flood-opacity="0"/>
      <feComposite in="SourceGraphic" operator="xor" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="arithmetic_k4">
      <feComposite in2="SourceGraphic" operator="arithmetic" k1="0.75" k4="0.25" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="arithmetic_k3">
      <feComposite in2="SourceGraphic" operator="arithmetic" k3="1" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="arithmetic_k2">
      <feComposite in2="SourceGraphic" operator="arithmetic" k2="1" x="10" y="10" width="60" height="60"/>
    </filter>
    <filter id="arithmetic_k1">
      <feComposite in2="SourceGraphic" operator="arithmetic" k1="1" x="10" y="10" width="60" height="60"/>
    </filter>
  </defs>
</svg>