How do I remove the blurryness in the html canvas when I upscale an image in drawImage()?

Question

For example I have an image that is 32x32,
And the canvas is 640x640,
And without realizing the canvas

ctx.drawImage(img, 0, 0, canvas.width, canvas.height)

Answer 1

See SetSize function at the bottom of the code.

https://code.sololearn.com/WM3V3BJNNVC5/?ref=app

Answer 2

This will help you:

https://fiveko.com/gaussian-filter-in-pure-javascript/