| <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> |