Run results for: PID vs DrawImage

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0

Browser: Firefox 132

Operating system: Windows

Device Platform: Desktop

Date tested: 27 days ago

Test name	Executions per second
di full	22770.1 Ops/sec
di half	212870.5 Ops/sec
pid full	199115.6 Ops/sec
pid half	299443.9 Ops/sec

HTML Preparation code:

<canvas id='master' width='100' height='100'></canvas>
<canvas id='clone' width='100' height='100'></canvas>

Script Preparation code:

var master = document.getElementById('master');
var masterctx = master.getContext('2d');
var clone = document.getElementById('master').getContext('2d');

masterctx.fillRect(0,0,50,50);
masterctx.fillStyle = "red";
masterctx.fillRect(50,50,100,100);
var img = masterctx.getImageData(0,0,100,100);

var half = masterctx.getImageData(25,0,50,100);

Tests:

di full
clone.drawImage(master,0,0); clone.clearRect(0,0,100,100);
di half
clone.drawImage(master,25,0,50,100,25,0,50,100); clone.clearRect(0,0,100,100);
pid full
clone.putImageData(img,0,0); clone.clearRect(0,0,100,100);
pid half
clone.putImageData(half,25,0); clone.clearRect(0,0,100,100);

Run results for: PID vs DrawImage

PID vs DrawImage

di full

di half

pid full

pid half