javascript - 触发从 canvas.toDataURL 客户端下载？

Question

我在页面上有一个 Canvas 元素。我调用 canvas.toDataURL()，现在可以处理它的图像数据。

我是否需要将此数据发布到服务器，让我的服务器使用该数据构建一个文件流，然后将我的文档位置设置为返回的文件流？当我在客户端拥有所有数据时，似乎有很多开销......

Answer 1

当然，查看 Canvas2Image.js

// returns an <img> element containing the converted PNG image  
var oImgPNG = Canvas2Image.saveAsPNG(oCanvas, true);     

// returns an <img> element containing the converted JPEG image (Only supported by Firefox)  
var oImgJPEG = Canvas2Image.saveAsJPEG(oCanvas, true);   

// returns an <img> element containing the converted BMP image  
var oImgBMP = Canvas2Image.saveAsBMP(oCanvas, true); 

在内部，它所做的只是对数据进行 base64 编码并调用 document.location.href = base64EncodedData;。