立即保存对话以下载HTML5画布图像 - 不在服务器上保存

时间:2011-10-21 17:21:48

标签: html5-canvas savefiledialog

我正在开发一个纯粹的JS / HTML页面,用户可以在其中上传图像,并将图像转换为画布数据并显示。然后,用户可以点击按钮以对像素数据进行改变,从而改变显示。

现在,如果用户想要保存图像,他们可以右键单击并进行保存,并提示他们将图像保存为canvas.png;但是,我希望只有一个“下载图像”按钮,用户可以单击该按钮弹出标准保存对话框。

我的问题是如何制作这样一个按钮,将画布数据拉入标准图像下载提示符?

以下是一些更多细节:

如果您在显示的图像上执行“查看图像”,则它所访问的网址如下所示: data:image / png; base64,iVBORw0KGgoAA(更多东西)

1 个答案:

答案 0 :(得分:1)

Jacob Seidelin创建了一个库,允许您将画布保存为图像。你可以找到他的site here