third_party/WebKit/LayoutTests/svg/custom/viewport-resource-inval.svg

   1 <svg id="svg" width="200" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2   <defs>
   3     <mask id="mask">
   4       <rect width="25%" height="25%" fill="white"/>
   5     </mask>
   6
   7     <clipPath id="clip">
   8       <rect x="27%" width="25%" height="25%"/>
   9     </clipPath>
  10
  11     <pattern id="pattern" patternUnits="userSpaceOnUse" x="0" y="0" width="800" height="800">
  12       <rect x="54%" width="25%" height="25%" fill="green"/>
  13     </pattern>
  14   </defs>
  15
  16   <rect width="25%" height="25%" fill="red"/>
  17   <rect width="800" height="800" fill="green" mask="url(#mask)"/>
  18
  19   <rect x="27%" width="25%" height="25%" fill="red"/>
  20   <rect width="800" height="800" fill="green" clip-path="url(#clip)"/>
  21
  22   <rect x="54%" width="25%" height="25%" fill="red"/>
  23   <rect width="800" height="800" fill="url(#pattern)"/>
  24
  25   <script>
  26     var delay=250;
  27     if (window.testRunner) {
  28       delay=0;
  29       testRunner.waitUntilDone();
  30     }
  31
  32     setTimeout(function() {
  33       document.getElementById('svg').setAttribute('width', '400');
  34       document.getElementById('svg').setAttribute('height', '400');
  35
  36       if (window.testRunner)
  37         testRunner.notifyDone();
  38     }, delay);
  39   </script>
  40 </svg>
  41