6 src: url('../../resources/Ahem.ttf');
11 <p>On success, there should only be a green rectangle.
</p>
12 <canvas id=
"c" class=
"output" width=
"100" height=
"100"><p class=
"fallback">FAIL (fallback content)
</p></canvas>
13 <div id=
"console"></div>
16 function drawCanvas(ctx
) {
17 ctx
.fillStyle
= '#0f0';
18 ctx
.fillRect(0,0,100,100);
19 ctx
.fillStyle
= '#f00';
20 ctx
.fillText("XX", -10, 100, 10);
23 function doDeferredTest() {
26 // Check that the letter rendered appropriately
27 var renderedCorrectly
= true;
29 // Check that there is only a green rectangle
30 var imageData
= ctx
.getImageData(50,50,1,1);
31 if (imageData
.data
[0] != 0) renderedCorrectly
= false;
32 if (imageData
.data
[1] != 255) renderedCorrectly
= false;
33 if (imageData
.data
[2] != 0) renderedCorrectly
= false;
34 if (imageData
.data
[3] != 255) renderedCorrectly
= false;
36 if (renderedCorrectly
)
37 document
.getElementById("console").innerHTML
= "TEST PASSED";
39 document
.getElementById("console").innerHTML
= "TEST FAILED";
41 if (window
.testRunner
)
42 testRunner
.notifyDone();
45 if (window
.testRunner
) {
46 testRunner
.dumpAsText();
47 testRunner
.waitUntilDone();
50 var canvas
= document
.getElementById('c');
51 var ctx
= canvas
.getContext("2d");
52 ctx
.font
= "100px Ahem";
54 // Kick off loading of the font
55 ctx
.fillText(" ", 0, 0);
57 // Wait for the font to load, then run
58 setTimeout(function() {