截图保存
最后更新于：2022-04-02 01:28:14
## 截图保存
在canvas中绘出的图片只是`canvas`标签而已，并非是真正的图片，我们并不能保存，不过我们可以利用`canvas.toDataURL()`这个方法把canvas绘制的图形生成一幅图片，生成图片后，就能对图片进行相应的操作了。
首先我们定义用一个a标签定义下载的链接，然后再给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 属性。
';