| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <body> | 2 <body> |
| 3 <canvas id="canvas" width=600 height=300 style="border:5px solid black"> | 3 <canvas id="canvas" width=600 height=300 style="border:5px solid black"> |
| 4 <script> | 4 <script> |
| 5 if (window.testRunner) | 5 if (window.testRunner) |
| 6 testRunner.dumpAsText(true); | 6 testRunner.dumpAsTextWithPixelResults(); |
| 7 | 7 |
| 8 var ctx = document.getElementById('canvas').getContext('2d'); | 8 var ctx = document.getElementById('canvas').getContext('2d'); |
| 9 | 9 |
| 10 var x = 10; | 10 var x = 10; |
| 11 var y = 150; | 11 var y = 150; |
| 12 | 12 |
| 13 ctx.lineWidth = 1; | 13 ctx.lineWidth = 1; |
| 14 ctx.beginPath(); | 14 ctx.beginPath(); |
| 15 ctx.moveTo(0, 150); | 15 ctx.moveTo(0, 150); |
| 16 ctx.lineTo(600, 150); | 16 ctx.lineTo(600, 150); |
| (...skipping 19 matching lines...) Expand all Loading... |
| 36 ctx.fillText(text, x, y); | 36 ctx.fillText(text, x, y); |
| 37 x += w + 10; | 37 x += w + 10; |
| 38 | 38 |
| 39 text = "Middle"; | 39 text = "Middle"; |
| 40 ctx.textBaseline = "middle"; | 40 ctx.textBaseline = "middle"; |
| 41 w = ctx.measureText(text).width; | 41 w = ctx.measureText(text).width; |
| 42 ctx.fillText(text, x, y); | 42 ctx.fillText(text, x, y); |
| 43 x += w + 10; | 43 x += w + 10; |
| 44 | 44 |
| 45 </script> | 45 </script> |
| OLD | NEW |