2 <body style="overflow:hidden;">
3 <canvas id="canvas" width=600 height=600 style="border:5px solid black">
6 testRunner.dumpAsTextWithPixelResults();
8 var ctx = document.getElementById('canvas').getContext('2d');
9 var lingrad = ctx.createLinearGradient(0,0,600,600);
10 lingrad.addColorStop(0, '#00ABEB');
11 lingrad.addColorStop(1.0, '#fff');
16 ctx.font = "32px 'Times New Roman'";
17 ctx.fillText("Normal Fill Text", x, y);
22 ctx.strokeText("Normal Stroke Text", x, y);
26 ctx.fillStyle = lingrad;
27 ctx.fillText("Gradient Fill Text", x, y);
31 ctx.strokeStyle = lingrad;
32 ctx.strokeText("Gradient Stroke Text", x, y);
34 ctx.textAlign = "end";
39 ctx.fillStyle = 'black';
40 ctx.fillText("Normal Fill Text", x, y);
44 ctx.strokeStyle = 'black';
46 ctx.strokeText("Normal Stroke Text", x, y);
50 ctx.fillStyle = lingrad;
51 ctx.fillText("Gradient Fill Text", x, y);
55 ctx.strokeStyle = lingrad;
56 ctx.strokeText("Gradient Stroke Text", x, y);
61 ctx.textAlign = "center";
63 ctx.fillStyle = 'black';
64 ctx.fillText("Normal Fill Text", x, y);
68 ctx.strokeStyle = 'black';
70 ctx.strokeText("Normal Stroke Text", x, y);
74 ctx.fillStyle = lingrad;
75 ctx.fillText("Gradient Fill Text", x, y);
79 ctx.strokeStyle = lingrad;
80 ctx.strokeText("Gradient Stroke Text", x, y);