Benchmark: Canvas fillText - MeasureThat.net

HTML Preparation code:

<canvas id="canvas1" width="400" height="400"></canvas>

<style>
 canvas { border: 1px solid black; }
</style>

<script>
var canvas = document.getElementById('canvas1');
var ctx = canvas.getContext('2d');
</script>

Tests:

chars
ctx.fillText("H", 10, 10); ctx.fillText("e", 10, 10); ctx.fillText("l", 10, 10); ctx.fillText("l", 10, 10); ctx.fillText("o", 10, 10); ctx.fillText(",", 10, 10); ctx.fillText(" ", 10, 10); ctx.fillText("W", 10, 10); ctx.fillText("o", 10, 10); ctx.fillText("r", 10, 10); ctx.fillText("l", 10, 10); ctx.fillText("d", 10, 10); ctx.fillText("!", 10, 10);
string
ctx.fillText("Hello, World!", 10, 10);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
chars
string

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!

Canvas fillText (version: 1)

Comparing performance of: chars vs string

Created: 11 months ago by: Guest

Jump to the latest result

chars

string

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results