third_party/WebKit/LayoutTests/compositing/layer-creation/spanOverlapsCanvas.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5         <meta name="viewport" content="width=480"/>
   6
   7         <script>
   8
   9             function init() {
  10                 var ctx = document.getElementById("world").getContext("2d");
  11                 ctx.fillStyle = "red";
  12                 ctx.fillRect(0,0,ctx.canvas.width,ctx.canvas.height);
  13
  14             if (window.testRunner) {
  15                 window.testRunner.dumpAsTextWithPixelResults();
  16                 var console = document.getElementById("layeroutput");
  17                 console.innerHTML = window.internals.layerTreeAsText(document);
  18             }
  19             }
  20         </script>
  21
  22         <style>
  23         #output
  24         {
  25             width: 100px;
  26             height: 50px;
  27             background-color: green;
  28             position: absolute;
  29         }
  30         #layeroutput
  31         {
  32             position: absolute;
  33             top: -100%;
  34         }
  35         </style>
  36 </head>
  37 <body onLoad="init()">
  38     <pre id="layeroutput"></pre>
  39         <div id="output"></div>
  40         <canvas id="world" width="100" height="50"></canvas>
  41 </body>
  42 </html>