Benchmark: Canvas - MeasureThat.net

HTML Preparation code:

<canvas id='canvas' style='width: 1000px; height: 1000px;'></canvas>

Script Preparation code:

const rnd = n => Math.random()*n
const irnd = n => Math.floor( rnd(n))

const canvas = document.createElement('canvas')
const w=1000
const h=1000
canvas.width=w
canvas.height=h

Tests:

Straight fillrect with random integer coordinates
const ctx = document.getElementByid('canvas').getContext("2d") ctx.fillRect( irnd(w/2), irnd(h/2), irnd(w/2), irnd(h/2))
Straight fillrect with random floating coordinates
const ctx = document.getElementByid('canvas').getContext("2d") ctx.fillRect( rnd(w/2), rnd(h/2), rnd(w/2), rnd(h/2))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Straight fillrect with random integer coordinates
Straight fillrect with random floating coordinates

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Canvas (version: 0)

Comparing different fill methods for canvas

Comparing performance of: Straight fillrect with random integer coordinates vs Straight fillrect with random floating coordinates

Created: 5 years ago by: Registered User

Jump to the latest result

Straight fillrect with random integer coordinates

Straight fillrect with random floating coordinates

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results