chromium/third_party/blink/web_tests/svg/filters/feImage-scaled-viewport-expected.svg

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