src/third_party/WebKit/LayoutTests/compositing/squashing/squash-canvas.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 canvas {
   4     width: 40px;
   5     height: 40px;
   6     background: blue;
   7     position: absolute;
   8     top: 80px;
   9     left: 10px;
  10 }
  11 #background {
  12     width: 100px;
  13     height: 100px;
  14     background: green;
  15     position: absolute;
  16     -webkit-transform: translateZ(0);
  17 }
  18 #overlap {
  19     width: 10px;
  20     height: 10px;
  21     background: grey;
  22     position: absolute;
  23     top: 20px;
  24 }
  25 </style>
  26 <script>
  27 if (window.internals)
  28     internals.settings.setLayerSquashingEnabled(true);
  29 </script>
  30 <div id="background"></div>
  31 <div id="overlap"></div>
  32 <canvas></canvas>