third_party/WebKit/LayoutTests/svg/custom/svg-image-resize.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/javascript"></script>
   5 <script>
   6   window.outputRepaintRects = false;
   7   function repaintTest() {
   8     var wrapper = document.getElementById('wrapper');
   9     wrapper.style.height = '200px';
  10   }
  11 </script>
  12 </head>
  13
  14 <body onload="runRepaintAndPixelTest();">
  15   <!-- http://crbug.com/313083
  16        The red div should be obscured by SVG content after re-layout -->
  17   <div style="position: absolute; top: 100px; width: 100px; height: 100px; background-color: red;"></div>
  18
  19   <div id="wrapper" style="position: absolute; top: 0px; width: 100px; height: 100px;">
  20     <img style="width: 100%; height: 100%;" src="data:image/svg+xml;utf8,
  21       <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox = '0 0 10 10' preserveAspectRatio='xMaxYMax'>
  22         <rect width='10' height='10' fill='green'/>
  23       </svg>">
  24   </div>
  25 </body>
  26 </html>