如何获取我的画布快照

Question

I develop small application using javascript, using this I can draw on the canvas.I want to know, How get snapshot of my canvas and send it another one,

using javascript or any other server side language. please help me.thanks.

Answer 1

您可以通过toDataURL方法获取画布的PNG图像作为数据URL：

canvas.toDataURL(); // => data:...

Answer 2

Take a look at this tutorial, it shows how to take a snapshot of your canvas and send it to your server using AJAX.

Send Canvas Content to Server

Answer 3

您可以使用Canvas2Image将HTML 5画布保存到文件以供下载。

Answer 4

I use the following:

window.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

This causes the browser's location to change to a data-url containing a PNG of the canvas contents that the browser will then prompt to save (changing the mime-type forces that, otherwise the browser will just display the PNG.)