Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
drawImage vs draw path
(version: 1)
Comparing performance of:
Sroke path vs draw saved canvas
Created:
one year ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<canvas id="canvas" width="1024" height="1024"></canvas> <canvas id="backCanvas" width="1024" height="1024"></canvas>
Script Preparation code:
const canvas = document.getElementById('canvas') const backCanvas = document.createElement('canvas') backCanvas.width = canvas.width backCanvas.height = canvas.height const ctx = canvas.getContext('2d') const backCtx = backCanvas.getContext('2d') const path = new Path2D(); for(const i = 0; i < canvas.width; i+=5) { path.moveTo(i, 0) path.lineTo(i, w) } for(const i = 0; i < canvas.height; i+=5) { path.moveTo(0, i) path.lineTo(h, i) } backCtx.stroke(path)
Tests:
Sroke path
ctx.stroke(path)
draw saved canvas
ctx.drawImage(backCanvas, 0, 0)
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Sroke path
draw saved canvas
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 months ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:78.0) Gecko/20100101 Firefox/78.0
Browser/OS:
Firefox 78 on Mac OS X 10.11
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
Sroke path
581839.6 Ops/sec
draw saved canvas
290.9 Ops/sec
Related benchmarks:
Canvas paths performance
Canvas paths performance without alpha
Canvas paths performance -fixed
Canvas paths performance v94
drawimage vs putimagedata 2
drawimage vs putimagedata 3
drawimage vs putimagedata 3b
Image vs canvas with 2d
【JiangNanGame】ctx.drawImage(HTMLImageElement) VS ctx.drawImage(HTMLCanvasElement)
Comments
Confirm delete:
Do you really want to delete benchmark?