| <svg width="800" height="400" viewBox="0 0 1200 600" |
| xmlns="http://www.w3.org/2000/svg" |
| xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <title>Example feImage - Examples of feImage use</title> |
| <desc>Testing all preserveAspectRatio options for feImage. |
| See bug 99984.</desc> |
| <defs> |
| <filter id="none" 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="slice_mid" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="xMidYMid slice"/> |
| </filter> |
| <filter id="slice_max" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="xMaxYMax slice"/> |
| </filter> |
| <filter id="slice_min" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="xMinYMin slice"/> |
| </filter> |
| <filter id="meet_mid" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="xMidYMid meet"/> |
| </filter> |
| <filter id="meet_max" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="xMaxYMax meet"/> |
| </filter> |
| <filter id="meet_min" primitiveUnits="objectBoundingBox"> |
| <feImage xlink:href="../W3C-SVG-1.1/resources/smiley.png" |
| x="0" y="0" width="100%" height="100%" |
| preserveAspectRatio="xMinYMin meet"/> |
| </filter> |
| </defs> |
| <rect fill="none" stroke="blue" |
| x="1" y="1" width="1198" height="498"/> |
| <g> |
| <rect x="50" y="25" width="100" height="200" filter="url(#none)"/> |
| <rect x="50" y="25" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="50" y="325" width="200" height="100" filter="url(#none)"/> |
| <rect x="50" y="325" width="200" height="100" fill="none" stroke="green"/> |
| |
| <rect x="300" y="25" width="100" height="200" filter="url(#meet_min)"/> |
| <rect x="300" y="25" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="420" y="25" width="100" height="200" filter="url(#meet_mid)"/> |
| <rect x="420" y="25" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="540" y="25" width="100" height="200" filter="url(#meet_max)"/> |
| <rect x="540" y="25" width="100" height="200" fill="none" stroke="green"/> |
| |
| <rect x="700" y="25" width="200" height="100" filter="url(#meet_min)"/> |
| <rect x="700" y="25" width="200" height="100" fill="none" stroke="green"/> |
| <rect x="700" y="145" width="200" height="100" filter="url(#meet_mid)"/> |
| <rect x="700" y="145" width="200" height="100" fill="none" stroke="green"/> |
| <rect x="700" y="265" width="200" height="100" filter="url(#meet_max)"/> |
| <rect x="700" y="265" width="200" height="100" fill="none" stroke="green"/> |
| |
| <rect x="300" y="250" width="100" height="200" filter="url(#slice_min)"/> |
| <rect x="300" y="250" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="420" y="250" width="100" height="200" filter="url(#slice_mid)"/> |
| <rect x="420" y="250" width="100" height="200" fill="none" stroke="green"/> |
| <rect x="540" y="250" width="100" height="200" filter="url(#slice_max)"/> |
| <rect x="540" y="250" width="100" height="200" fill="none" stroke="green"/> |
| |
| <rect x="950" y="25" width="200" height="100" filter="url(#slice_min)"/> |
| <rect x="950" y="25" width="200" height="100" fill="none" stroke="green"/> |
| <rect x="950" y="145" width="200" height="100" filter="url(#slice_mid)"/> |
| <rect x="950" y="145" width="200" height="100" fill="none" stroke="green"/> |
| <rect x="950" y="265" width="200" height="100" filter="url(#slice_max)"/> |
| <rect x="950" y="265" width="200" height="100" fill="none" stroke="green"/> |
| </g> |
| </svg> |
