ctx-flip-performance3 (v10)

Revision 10 of this benchmark created by Simon on

Description

Don't run the test until you see a kitten below (so that we know the image is loaded)

Preparation HTML

<canvas id="canvas1" width="500" height="500"></canvas>
<script>
var can = document.getElementById('canvas1');
var ctx = can.getContext('2d');


var img = new Image();
img.onload = function() {
ctx.drawImage(img, 0, 0);
}
img.src = 'http://placekitten.com/200/200';


</script>

Setup

can.width = can.width;
    ctx.clearRect(0,0,500,500);

Test runner

Ready to run.

Testing in
TestOps/sec
normal
can.width = can.width;
ctx.drawImage(img, 0, 0);
ctx.drawImage(img, 200, 0);
 
ready
flipped
can.width = can.width;
ctx.scale(-1, 1);
ctx.drawImage(img, -200, 0);
ctx.scale(1, 1);
ctx.drawImage(img, 200, 0);
 
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.