| <?xml version="1.0"?> |
| <svg xmlns="http://www.w3.org/2000/svg" |
| xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <defs> |
| <clipPath id="myclip"> |
| <path d="M 0 0 l 100 0 l 0 100 l -100 0 Z"/> |
| </clipPath> |
| <filter id="myfilter" filterUnits="objectBoundingBox" x="-10%" y="-10%" width="120%" height="120%"> |
| <feGaussianBlur stdDeviation="10"/> |
| </filter> |
| </defs> |
| <image width="503" height="410" xlink:href="resources/green-checker.png" y="50" transform="translate(0,-25)" filter="url(#myfilter)" clip-path="url(#myclip)"/> |
| <text y="125">You should see a solid green block above (a blurred and clipped green checkerboard).</text> |
| </svg> |