| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="100"> |
| <filter id="filter-in" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="0" y="0" width="1" height="1"> |
| <feFlood flood-color="orange" x="0" y="0" width="0.9" height="0.9" result="flood-orange"/> |
| <feFlood flood-color="green" x="0.1" y="0.1" width="0.9" height="0.9" result="flood-green"/> |
| <feComposite x="0.2" y="0.2" width="0.6" height="0.6" operator="in" in="flood-green" in2="flood-orange"/> |
| </filter> |
| <filter id="filter-atop" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="0" y="0" width="1" height="1"> |
| <feFlood flood-color="orange" x="0" y="0" width="0.8" height="0.8" result="flood-orange"/> |
| <feFlood flood-color="green" x="0.2" y="0.2" width="0.8" height="0.8" result="flood-green"/> |
| <feComposite x="0.2" y="0.2" width="0.8" height="0.8" operator="atop" in="flood-green" in2="flood-orange"/> |
| </filter> |
| <rect x= "0" y="0" width="100" height="100" fill="red" filter="url(#filter-in)"/> |
| <rect x="100" y="0" width="100" height="100" fill="red" filter="url(#filter-atop)"/> |
| </svg> |