Estoy buscando una forma de despixelizar una imagen que pixelé con este código. Quiero saber si puedo cambiar el valor de la variable de tamaño de muestra con un detector de eventos o algo así. Gracias por leer esto y espero que alguien me ayude!

 let c = document.createElement("canvas") let img1 = new Image() img1.onload = function() { document.getElementById("img1").remove() w = img1.width h = img1.height c.width = w c.height = h ctx = c.getContext("2d") ctx.drawImage(img1, 0, 0,) let pixelarr = ctx.getImageData(0,0,w,h).data let samplesize = 10 for(let y=0;y<h;y+=samplesize) for(let x=0;x<w;x+=samplesize) { let p = (x+(y*w))*4 ctx.fillStyle = "rgba(" + pixelarr[p] + "," + pixelarr[p+1] + "," + pixelarr[p+2] + "," + pixelarr[p+3] + ")" ctx.fillRect(x,y,samplesize, samplesize) } let img2 = new Image() img2.src = c.toDataURL("img/jpeg") img2.width = 600 document.body.appendChild(img2) } img1.src = document.getElementById("img1").src