window.onload = function() {
var hambae = document.getElementById("hambae");
var ca = document.getElementById("myCanvas");
var paint = ca.getContext("2d");
var ca2 = document.getElementById("myCanvas2");
var paint2 = ca2.getContext("2d");
paint.drawImage(hambae, 0, 0);
for (var i = 0; i < 30; i++) {
var x = Math.floor(Math.random() * ca.width);
var y = Math.floor(Math.random() * ca.height);
var d = paint.getImageData(x, y, 1, 1).data;
if(i == 0) {
paint2.fillStyle = "rgb(" + d[0] + "," + d[1] + "," + d[2] + ")";
paint2.fillRect(0, 0, ca2.width, ca2.height);
}
paint2.lineWidth = 10;
paint2.strokeStyle = "rgb(" + d[0] + "," + d[1] + "," + d[2] + ")";
var rsize = Math.floor(Math.random() * 50) + 50;
// var rsize = 1;
for (var j = 0; j < 5; j++) {
paint2.beginPath();
paint2.ellipse(x, y, rsize, rsize, 0, 0, Math.PI * 2, false);
paint2.stroke();
rsize *= 0.5;
}
}
}
This is not a pixel.