OLD | NEW |
1 <html> | 1 <html> |
2 <body> | 2 <body> |
3 <canvas id="canvas" width=600 height=600 style="border:5px solid black"> | 3 <canvas id="canvas" width=600 height=600 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 var lingrad = ctx.createLinearGradient(0,0,600,600); | 9 var lingrad = ctx.createLinearGradient(0,0,600,600); |
10 lingrad.addColorStop(0, '#00ABEB'); | 10 lingrad.addColorStop(0, '#00ABEB'); |
11 lingrad.addColorStop(1.0, '#fff'); | 11 lingrad.addColorStop(1.0, '#fff'); |
12 | 12 |
13 var x = 10; | 13 var x = 10; |
14 var y = 30; | 14 var y = 30; |
15 | 15 |
16 ctx.font = "32px 'Times New Roman'"; | 16 ctx.font = "32px 'Times New Roman'"; |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
75 ctx.fillText("Gradient Fill Text", x, y); | 75 ctx.fillText("Gradient Fill Text", x, y); |
76 | 76 |
77 y += 40; | 77 y += 40; |
78 | 78 |
79 ctx.strokeStyle = lingrad; | 79 ctx.strokeStyle = lingrad; |
80 ctx.strokeText("Gradient Stroke Text", x, y); | 80 ctx.strokeText("Gradient Stroke Text", x, y); |
81 | 81 |
82 y += 40; | 82 y += 40; |
83 | 83 |
84 </script> | 84 </script> |
OLD | NEW |