Benchmark: alpha false true - MeasureThat.net

HTML Preparation code:

<div style="width: 830; height: 200; background-color: red;"> <canvas id="canvas1" width="400" height="400"></canvas> <canvas id="canvas2" width="400" height="400"></canvas> </div>
<style>
    canvas { border: 1px solid black; } 
</style>

Script Preparation code:

const canvas1 = document.getElementById('canvas1');
const alphaTrue = canvas1.getContext('2d');
alphaTrue.fillStyle = 'rgba(255, 255, 255, 0.3)';

const canvas2 = document.getElementById('canvas2');
const alphaFalse = canvas2.getContext('2d', {alpha: false} );
alphaFalse.fillStyle = 'rgba(255, 255, 255, 0.3)';

Tests:

alpha true
alphaTrue.fillRect(0,0,400,400);
alpha false
alphaFalse.fillRect(0,0,400,400);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
alpha true
alpha false

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!

;