How to generate an Image from imageData in javascript?

Question

I would like to know if there is any way to create a new Image from imageData, which was previously obtained from a canvas element?

I\'ve searched for a solution, bu

Answer 1

Assuming this is your canvas

You can get a representation of your image using

var imgData = document.getElementById('mycanvas').toDataURL();

You could then put that in a regular image tag by changing its source

document.getElementById('myimage').src = imgData;