| <?xml version="1.0" encoding="UTF-8"?> |
| <svg width="600" height="600" aviewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <defs> |
| <circle id="circle-rel" cx="50%" cy="50%" r="25%" fill="green"/> |
| |
| <filter id="filter1a-rel" primitiveUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"> |
| <feImage xlink:href="#circle-rel" /> |
| </filter> |
| |
| <filter id="filter1b-rel" primitiveUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%"> |
| <feImage x="0%" y="0%" width="100%" height="100%" xlink:href="#circle-rel" /> |
| </filter> |
| |
| <filter id="filter2a-rel" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="#circle-rel" /> |
| </filter> |
| |
| <filter id="filter2b-rel" primitiveUnits="objectBoundingBox"> |
| <feImage x="-10%" y="-10%" width="120%" height="120%" xlink:href="#circle-rel" /> |
| </filter> |
| </defs> |
| |
| <g> |
| <rect x="50" y="50" width="100" height="100" fill="none" stroke="red" stroke-width=".5"/> |
| <rect width="200" height="200" fill="red" filter="url(#filter1a-rel)"/> |
| |
| <g transform="translate(150, 0)"> |
| <rect x="50" y="50" width="100" height="100" fill="none" stroke="red" stroke-width=".5"/> |
| <rect width="200" height="200" fill="red" filter="url(#filter1b-rel)"/> |
| </g> |
| </g> |
| |
| <g transform="translate(0, 150)"> |
| <rect x="40" y="40" width="120" height="120" fill="none" stroke="red" stroke-width=".5"/> |
| <rect width="200" height="200" fill="red" filter="url(#filter2a-rel)"/> |
| |
| <g transform="translate(150, 0)"> |
| <rect x="40" y="40" width="120" height="120" fill="none" stroke="red" stroke-width=".5"/> |
| <rect width="200" height="200" fill="red" filter="url(#filter2b-rel)"/> |
| </g> |
| </g> |
| </svg> |