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 |