Canvas Play

by slashingweapon

HTML

<canvas id='drawSpace' height='300' width='200'></canvas>

CSS

#drawspace { border: 1px solid black; }

JavaScript

var cv = document.getElementById('drawSpace');
if (cv.getContext) {
    var ctx = cv.getContext('2d');

    for (var i = 0; i < 6; i++) {
        for (var j = 0; j < 6; j++) {
            ctx.fillStyle = 'rgb(' + Math.floor(255 - 42.5 * i) + ',' + Math.floor(255 - 42.5 * j) + ',0)';
            ctx.fillRect(j * 25, i * 25, 25, 25);
        }
    }
}