Benchmark: DrawStroke bench

HTML Preparation code:

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

Script Preparation code:

var master = document.getElementById('master');
var masterctx = master.getContext('2d');

var cached = document.getElementById('cached');
var cachedctx = master.getContext('2d');

cachedctx.strokeRect(0, 0, 100, 100)

Tests:

Cached
masterctx.drawImage(cached,0,0);
draw rect rounded
cachedctx.strokeRect(0, 0, 100, 100)
draw rect not rounded
masterctx.strokeRect(0.5,0.5, 99.5, 99.5);
rect clipped
masterctx.save(); const region = new Path2D(); region.rect(0, 0, 100, 100); masterctx.clip(region, 'evenodd'); masterctx.lineWidth = 2; masterctx.strokeRect(0, 0, 100, 100); masterctx.restore();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Cached
draw rect rounded
draw rect not rounded
rect clipped

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

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

Related benchmarks:

DrawStroke bench (version: 0)

stroke with clip vs no, rounded or not, vs cached

Comparing performance of: Cached vs draw rect rounded vs draw rect not rounded vs rect clipped

Created: 3 years ago by: Guest

Jump to the latest result

Cached

draw rect rounded

draw rect not rounded

rect clipped

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results