Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
PutImageData vs DrawImage with getImageData in preparation code
(version: 1)
GetImageData with PutImageData vs just DrawImage
Comparing performance of:
DrawImage whole master into di canvas vs PutImageData whole master into pid canvas
Created:
one year ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<canvas id='master' width='100' height='100'></canvas> <canvas id='pid' width='100' height='100'></canvas> <canvas id='di' width='100' height='100'></canvas>
Script Preparation code:
var master = document.getElementById('master'); var masterctx = master.getContext('2d'); var pid = document.getElementById('pid').getContext('2d'); var di = document.getElementById('di').getContext('2d'); masterctx.fillRect(0,0,50,50); masterctx.fillStyle = "red"; masterctx.fillRect(50,50,100,100); let imgData = masterctx.getImageData(0,0,100,100);
Tests:
DrawImage whole master into di canvas
di.drawImage(master,0,0);
PutImageData whole master into pid canvas
pid.putImageData(imgData,0,0);
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
DrawImage whole master into di canvas
PutImageData whole master into pid canvas
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
7 months ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:128.0) Gecko/20100101 Firefox/128.0
Browser/OS:
Firefox 128 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
DrawImage whole master into di canvas
885957.9 Ops/sec
PutImageData whole master into pid canvas
15375.7 Ops/sec
Related benchmarks:
PutImageData vs DrawImage
FIXED! GetImageData with PutImageData vs just DrawImage
NO GETIMAGEDATA! PutImageData vs just DrawImage
PID vs DrawImage
PutImageData vs DrawImage without GetImageData
PutImageData vs DrawImage vs fillRect
PutImageData vs DrawImage (big canvases)
PutImageData vs DrawImage v2
PutImageData vs DrawImage vs fillRect v213
Comments
Confirm delete:
Do you really want to delete benchmark?