Rendering image Blob file in canvas !

Question

I was trying to take user input of image and display ot to canvas but I am not able to do it.
see my try 👇

Please tell me the solution.
https://code.sololearn.com/Wvy83fqvrS02/?ref=app

Answer 1

You have to wait for the image to load before embedding it into the canvas.

img.onload = function(){
ctx.drawImage(img,0,0,400,400);
in_im.remove();
}

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images#creating_an_image_from_scratch

https://code.sololearn.com/WUmPMmQZ9N7s

Answer 2

丹ⓨㄩک廾 i think so u should try to append in_im and remove when clicked
edit: without appending it won't work
so try this

document.body.append(in_im)
in_im.click();
document.body.remove(in_im )

Answer 3

https://stackoverflow.com/questions/10209227/open-local-image-in-canvas
I have recently used this

Answer 4

That's not the actual problem. See the problem is to create image on canvas taking it from devise
Time Is Money