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