Konva Template

by Andrea Ercolino

HTML

<canvas id="container"></canvas>

CSS

body {
  margin: 0;
}

Babel + JSX

const vcanvas = document.querySelector('#container');
vcanvas.height = 500;
vcanvas.width = 2000;

const context = vcanvas.getContext('2d');
context.globalCompositeOperation = 'color';

const start = new Date();
const testColor = Math.floor((Math.random() * 255) + 1);  
for (let i = 0; i < 500; i += 1) {
    context.fillStyle = `rgba(10,${testColor},255,1)`;
    context.beginPath();
    context.arc(i, 50, Math.sqrt(i), 0, Math.PI / 6, true);
    context.closePath();
    context.fill();
}
const end = new Date();
alert(end.getTime() - start.getTime());