Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
drawimage vs putimagedata 3b
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (X11; Linux x86_64; rv:144.0) Gecko/20100101 Firefox/144.0
Browser:
Firefox 144
Operating system:
Linux
Device Platform:
Desktop
Date tested:
3 months ago
Test name
Executions per second
drawImage
48886.0 Ops/sec
putImageData
163.0 Ops/sec
HTML Preparation code:
<canvas id="canvas" width="1400" height="1400"></canvas>
Script Preparation code:
var canvas = document.getElementById('canvas'); var ctx = canvas.getContext("2d"); var cacheG = document.createElement('canvas'); var cacheD = cacheG.getContext('2d'); cacheG.width = 1200; cacheG.height = 1200; cacheD.beginPath(); cacheD.fillStyle = '#000'; cacheD.arc(600, 600, 600, 0, Math.PI * 2, true); cacheD.fill(); var d = cacheD.getImageData(0,0,1200,1200)
Tests:
drawImage
ctx.drawImage(cacheG, 6, 6);
putImageData
ctx.putImageData(d, 6, 6);