Canvas getImageData (v11)

Revision 11 of this benchmark created on

Setup

var canvas512 = document.createElement("canvas");
  canvas512.width = canvas512.height = 600;
  var ctx512 = canvas512.getContext("2d", { willReadFrequently: false });
  
  var canvas1024 = document.createElement("canvas");
  canvas1024.width = canvas1024.height = 1200;
  var ctx1024 = canvas1024.getContext("2d", { willReadFrequently: v });
  
  var canvas2048 = document.createElement("canvas");
  canvas2048.width = canvas2048.height = 1800;
  var ctx2048 = canvas2048.getContext("2d", { willReadFrequently: false });
  
  var canvas4096 = document.createElement("canvas");
  canvas4096.width = canvas4096.height = 4000;
  var ctx4096 = canvas4096.getContext("2d", { willReadFrequently: false });

Test runner

Ready to run.

Testing in
TestOps/sec
600
var image = ctx512.getImageData(0, 0, 1, 1);
ready
1200
var image = ctx1024.getImageData(0, 0, 1, 1);
ready
1800
var image = ctx2048.getImageData(0, 0, 1, 1);
ready
4000
var image = ctx4096.getImageData(0, 0, 1, 1);
ready

Revisions

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