Canvas save-restore (v4)

Revision 4 of this benchmark created on


Preparation HTML

<canvas id="myCanvas" width="320" height="240"></canvas>
<script>
  var str = "@abcdefghijklmnopqrstuvwxyz";
  var myCanvas = document.getElementById("myCanvas");
  var context2d = myCanvas.getContext("2d");
  var a = [];
  var b = [];
  var index = 0;
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
save-restore
context2d.save();
context2d.rotate( 3.65 );
context2d.restore();
ready
manual reset
context2d.rotate( 3.65 );
a[index++] = 3.65 ;
context2d.rotate( - a[index--] );
ready
context2d.save();
context2d.scale( 5, 8 );
context2d.restore();
ready
context2d.scale( 5, 8 );

a[index] = 5 ;
b[index++] = 8 ;

context2d.scale( 1.0 / a[index],  1.0 / b[index] );
index--;
ready
context2d.scale( 5, 8 );

a[index] = 5 ;
b[index++] = 8 ;

context2d.setTransform( 1,0,0,1,0,0 );
index--;
ready

Revisions

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