Canvas drawImage() draw canvas into itself (v8)

Revision 8 of this benchmark created on

Preparation HTML

<script>
  var c = document.createElement('canvas');
  c.width = 256;
  c.height = 256;
  
  var ctx = c.getContext('2d');
  ctx.fillRect(64, 64, 128, 128);

  var c2 = document.createElement('canvas');
  c2.width = 256;
  c2.height = 256;
  var ctx2 = c2.getContext('2d');
  
  var img = new Image();
  img.src = c.toDataURL();
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Copy, unscaled
ctx.drawImage(ctx.canvas, 0, 0);
ready
Copy, translated
ctx.drawImage(ctx.canvas, -100, 0, ctx.canvas.width, ctx.canvas.height);
ready
Draw image
ctx.drawImage(img, 0, 0);
ready
Draw translated
ctx.drawImage(img, -100, 0, ctx.canvas.width, ctx.canvas.height);
ready
other canvas
ctx.drawImage(ctx2.canvas, 0, 0);
ready
other scaled translated
ctx.drawImage(ctx2.canvas, -100, 0, ctx2.canvas.width, ctx2.canvas.height);
ready

Revisions

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