src/third_party/WebKit/LayoutTests/compositing/content-changed-chicken-egg.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <style>
   5       #container {
   6         width: 100px;
   7         height: 100px;
   8         border: 3px solid black;
   9         overflow: scroll;
  10       }
  11
  12       canvas {
  13         background-color: gray;
  14         border: 1px solid black;
  15         transform: translateZ(0);
  16       }
  17     </style>
  18     <script>
  19       if (window.testRunner)
  20           testRunner.dumpAsTextWithPixelResults();
  21
  22       if (window.internals) {
  23           window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  24           window.internals.settings.setAccelerated2dCanvasEnabled(true);
  25       }
  26
  27       function doTest() {
  28         var canvas = document.getElementById("canvas");
  29         var context = canvas.getContext('2d');
  30         context.fillStyle = 'green';
  31         context.fillRect(0, 0, 150, 100);
  32         canvas.height = "200px";
  33       }
  34
  35       window.onload = doTest;
  36     </script>
  37   </head>
  38 <body>
  39   <div id="container">
  40     <canvas id="canvas" width="50" height="50"></canvas>
  41   </div>
  42 </body>
  43 </html>