<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>