<canvas id="myCanvas"width="100" height="100"></canvas>

<script>
function getr(){
var array = new Uint32Array(10);
window.crypto.getRandomValues(array);
return array[1];
}


function draw(i,x,y){

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var imgData=ctx.createImageData(100,100);

imgData.data[0]=i;
imgData.data[1]=i;
imgData.data[2]=i;
imgData.data[3]=255;


ctx.putImageData(imgData,x,y);


}

function start(){
for(o = 0; o < 100; o++){
    for(j = 0; j < 100; j++){
        draw(Math.floor(getr()/10000000000*255),o,j);
}
}
}
start();
</script>