Tile Background

by jcubed111

HTML

<canvas id='c' width=450 height=450></canvas>

CSS

body{
 background:#111;   
}

canvas{
    _display:none;
}

JavaScript

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


for (i = 0; i < 50; i++) {

    for (j = 0; j < 50; j++) {
        rand=Math.round(Math.random()*10+30);
        ctx.fillStyle="rgba("+rand+","+rand+","+rand+",1)";
        ctx.fillRect(i*15, j*15, 14, 14);
    }
}

document.body.style.background="#000 url("+document.getElementById('c').toDataURL()+")";