多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 截图保存 在canvas中绘出的图片只是`canvas`标签而已,并非是真正的图片,我们并不能保存,不过我们可以利用`canvas.toDataURL()`这个方法把canvas绘制的图形生成一幅图片,生成图片后,就能对图片进行相应的操作了。 首先我们定义用一个a标签定义下载的链接,然后再给a设置下载的链接。 ``` <a id="download" download="aa.png">下载</a> var imageURL=canvas.toDataURL("image/jpeg") ``` 当然,你也可以动态的设置下载的文件名 ``` document.getElementById("download")setAttribute("download","abc.png"); document.getElementById("download").href=imageURL; ``` 当然,我们也可以保存为另外的图片格式:image/png 注意: - toDataURL() 是canvas的方法 - a的download属性只有 Firefox 和 Chrome 支持 download 属性。