Run results for: OffscreenCanvas GetImageData

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 14092.9.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.10 Safari/537.36

Browser: Chrome 93

Operating system: Chrome OS 14092.9.0

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Normal	3.6 Ops/sec
OffscreenCanvas	4.6 Ops/sec

Script Preparation code:

let canvas = document.createElement("canvas")
let width = 3460;
let height = 2160;
canvas.width = width;
canvas.height = height;
let canvas2 = new OffscreenCanvas(width, height)
let ctx = canvas.getContext('2d')
let ctx2 = canvas2.getContext('2d')
let imageData = new ImageData(width,height);
ctx.putImageData(imageData,0, 0);
document.body.append(canvas)
ctx2.putImageData(imageData,0 ,0)
window.ctx = ctx;
window.ctx2 = ctx2
window.width = width;
window.height = height;

Tests:

Normal
ctx.getImageData(0,0, width, height) let imageData = new ImageData(1,1); ctx.putImageData(imageData,5,5);
OffscreenCanvas
ctx2.getImageData(0,0, width, height) let imageData = new ImageData(1,1); ctx2.putImageData(imageData, 5,5);

Run results for: OffscreenCanvas GetImageData

OffscreenCanvas GetImageData

Normal

OffscreenCanvas