third_party/WebKit/LayoutTests/svg/custom/viewport-clippath-invalidation.html

   1 <!DOCTYPE html>
   2 <script src=../../resources/run-after-layout-and-paint.js></script>
   3 <svg width="100" height="100">
   4   <clipPath id="clip">
   5     <rect width="50%" height="50%"/>
   6     <text y="25%" font-size="1px">Sabotage!</text>
   7   </clipPath>
   8
   9   <rect width="50%" height="50%" fill="red"/>
  10   <rect width="800" height="800" fill="green" clip-path="url(#clip)"/>
  11 </svg>
  12 <script>
  13 runAfterLayoutAndPaint(function() {
  14     document.querySelector('svg').setAttribute('width', '200');
  15     document.querySelector('svg').setAttribute('height', '200');
  16 }, true);
  17 </script>