两种保存图片的方式:
第一种
download()
//下载canvas图片
function download(){
//创建a标签
var link = document.createElement('a')
link.href = canvas.toDataURL()
link.download = 'canvas.png'//直接上传图片在下载
//这句代码的功能就相当于手动点击了a标签
link.click()
}
第二种
downBlob()
function downBlob(){
canvas.toBlob(blob=>{
var url = URL.createObjectURL(blob)
//利用解析的图片数据,下载生成图片
var link = document.createElement('a')
link.href = url;
link.download = 'blob.png'
link.click()
})
}
两种方式都可以使用,看个人喜好!