| <svg width="600" height="250" viewBox="0 0 600 250" |
| xmlns="http://www.w3.org/2000/svg" |
| xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <title>Example feImage - Examples of feImage use</title> |
| <desc>Three examples of using feImage, the first showing the |
| default rendering, the second showing the image fit |
| to a box and the third showing the image |
| shifted and clipped.</desc> |
| <defs> |
| <filter id="Default"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" /> |
| </filter> |
| <filter id="Fitted" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="none"/> |
| </filter> |
| <filter id="Shifted"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="500" y="5"/> |
| </filter> |
| </defs> |
| <rect fill="none" stroke="blue" |
| x="1" y="1" width="598" height="248"/> |
| <g> |
| <rect x="50" y="25" width="100" height="200" filter="url(#Default)"/> |
| <rect x="50" y="25" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="250" y="25" width="100" height="200" filter="url(#Fitted)"/> |
| <rect x="250" y="25" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="450" y="25" width="100" height="200" filter="url(#Shifted)"/> |
| <rect x="450" y="25" width="100" height="200" fill="none" stroke="green"/> |
| </g> |
| </svg> |