我正在开发一个纯粹的JS / HTML页面,用户可以在其中上传图像,并将图像转换为画布数据并显示。然后,用户可以点击按钮以对像素数据进行改变,从而改变显示。
现在,如果用户想要保存图像,他们可以右键单击并进行保存,并提示他们将图像保存为canvas.png;但是,我希望只有一个“下载图像”按钮,用户可以单击该按钮弹出标准保存对话框。
我的问题是如何制作这样一个按钮,将画布数据拉入标准图像下载提示符?
以下是一些更多细节:
如果您在显示的图像上执行“查看图像”,则它所访问的网址如下所示: data:image / png; base64,iVBORw0KGgoAA(更多东西)