Libon

用 Canvas 生成图片并下载

0 分钟 #HTML#canvas
使用 Canvas 的 toBlob 方法将画布内容生成图片并下载

ToC

1
const canvas = document.createElement('canvas')
2
3
// do something...
4
5
canvas.toBlob(function(blob) {
6
var a = document.createElement("a");
7
document.body.appendChild(a);
8
a.download = "img" + ".jpg";
9
a.href = window.URL.createObjectURL(blob);
5 collapsed lines
10
11
a.click();
12
document.body.removeChild("a");
13
window.URL.revokeObjectURL(blob)
14
})

CD ..