JSFiddle - React, Tailwind, and code Playground

by Alvin Wan

HTML

<canvas id="canvas" width="10000" height="10000"></canvas>
<p id="times"></p>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

console.log("Test starting...");
var times = [];
for (var i=0;i < 10;i++) {
  var start = new Date().getTime();
  ctx.fillRect(0, 0, i*10000, i*10000);
  var end = new Date().getTime();
  times.push(end - start);
  ctx.clearRect(0, 0, 300, 300);
}

console.log("Test concluded")

console.log(times);
document.getElementById("times").innerHTML = times;