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.