third_party/WebKit/LayoutTests/svg/custom/intersection-list-clipping.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" id="root" onload="runTest()">
   3   <script>
   4   if (window.testRunner)
   5     testRunner.dumpAsText();
   6
   7   function runTest()
   8   {
   9     var testSVG = document.getElementById('root');
  10     var r = testSVG.createSVGRect();
  11     r.x = 0;
  12     r.y = 0;
  13     r.width = 100;
  14     r.height = 100;
  15
  16     var content = testSVG.getIntersectionList(r, testSVG).length == 1 ? 'PASS' : 'FAIL';
  17     var txt = document.createElementNS("http://www.w3.org/2000/svg", "text");
  18     txt.appendChild(document.createTextNode(content));
  19     testSVG.appendChild(txt);
  20   }
  21   </script>
  22   <rect x="0" y="0" width="200" height="200"/>
  23   <clipPath id="MyClip">
  24     <rect y="100" width="200" height="100"/>
  25   </clipPath>
  26   <rect x="0" y="0" width="200" height="200" clip-path="url(#MyClip)" fill="green"/>
  27 </svg>