third_party/WebKit/LayoutTests/svg/repaint/viewport-mask-update.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <script src="../../resources/run-after-layout-and-paint.js"></script>
   5     <script>
   6       function repaintTest() {
   7         window.resizeTo(400, 300);
   8       }, true);
   9     </script>
  10   </head>
  11   <body onload="runAfterLayoutAndPaint(repaintTest, true)">
  12     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  13       <!-- http://crbug.com/307161
  14            The mask should get resized on window resize.
  15       -->
  16       <defs>
  17         <mask id="mask" maskContentUnits="userSpaceOnUse">
  18           <rect width="39%" height="59%" fill="white"/>
  19         </mask>
  20       </defs>
  21       <rect width="100%" height="100%" mask="url(#mask)" fill="red"/>
  22       <rect width="40%" height="60%" fill="green"/>
  23     </svg>
  24   </body>
  25 </html>