even vertical stripes

by falldeaf

HTML

<canvas width="256" height="256"></canvas>

CSS

body{
  background-color: black;
}

JavaScript

var canvas = document.querySelector('canvas');
//canvas.width = 256;
//cavnas.height = 256;
var ctx = canvas.getContext('2d');

ctx.fillStyle='#f00';
//ctx.fillRect(0, 0, 256, 256);

ctx.fillStyle='#fff';
ctx.fillRect(0, 0, 256/5, 256);
ctx.fillRect(256/5*2, 0, 256/5, 256);
ctx.fillRect(256/5*4, 0, 256/5, 256);