third_party/WebKit/LayoutTests/svg/custom/feDisplacementMap-01.svg

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