将画布绘图另存为数据或图像，以便以后插入html页面

Question

A Meteor client code renders a template with canvas for client signature. It listens on mousemove and draws lines between mouse x,y coordinates of one point to another as it moves, using context.stroke() .

How can the signature be saved and inserted in html page later? ie data or image would be best practice? Thanks

Answer 1

Use a variable

var image = ctx.getImageData(0,0,width,height);

To put it back when you need it:

ctx.putImageData(imgdata, 0,0);