LayoutTests/svg/custom/feDisplacementMap-01.svg

<svg version="1.1" baseProfile="full" id="svg-root" width="100%" height="100%"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" >
     <!-- This testcase provides a simple demonstration of the feDisplacementMap filter.
          The output should be a 100x100 green rectangle, however due to the nature of the
          test it may produce a ~1px red line around the right half of the image.  While not
          ideal this is currently expected.
          
          If the square is not at (0,0) then there is some form of colour matching occuring
          outside the domain of the filter.  In that case, provided there is still no 
          significant red visible the test is a pass.          
       -->
  <title id="test-title">Displacement mapping test case</title>
  <g id="test-body-content">
    <defs>
      <filter id="ResultImage">
        <feImage result="Map"     xlink:href="resources/feDisplacementMap-01-displace.png" width="100" height="100"/>
        <feImage result="Texture" xlink:href="resources/feDisplacementMap-01-source.png" width="100" height="100"/>
        <feDisplacementMap in="Texture" in2="Map" scale="100" xChannelSelector="R" yChannelSelector="G"/>
      </filter>
    </defs>
    <rect x="0" y="0" width="100" height="100" filter="url(#ResultImage)" />
    <rect fill="none" stroke="blue" x="0" y="0" width="100" height="100"/>
  </g>
</svg>