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