| 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 |