Preparation Code Preparation HTML (this will be inserted in the <body> of a valid HTML5 document in standards mode) <canvas id ="cnv" width ="185" height ="70" >
</canvas >
<img id ="img" src ="http://mozilla.org/media/img/firefox/template/header-logo-inverse.png" style ="display: none" />
Setup JS function createCanvas (w, h ) {
var canvas = document .createElement ('canvas' );
canvas.setAttribute ('width' , w);
canvas.setAttribute ('height' , h);
return canvas;
}
var g_ctx = document .getElementById ('cnv' ).getContext ('2d' );
var g_img = document .getElementById ('img' );
var g_offscreenCanvas = createCanvas (185 , 70 );
g_offscreenCanvas.getContext ('2d' ).drawImage (g_img, 0 , 0 , 185 , 70 );
Teardown JS
Test cases
Test #1 Title *
Async
Code * g_ctx.clearRect (0 , 0 , 185 , 70 );
g_ctx.drawImage (g_img, 0 , 0 , 185 , 70 , 0 , 0 , 185 , 70 );
Test #2 Title *
Async
Code * g_ctx.clearRect (0 , 0 , 185 , 70 );
g_ctx.drawImage (g_offscreenCanvas, 0 , 0 , 185 , 70 , 0 , 0 , 185 , 70 );
Title *
Async
Code * g_ctx.clearRect (0 , 0 , 185 , 70 );
g_ctx.drawImage (g_offscreenCanvas, 0 , 0 );