从网页的canvas上保存渲染的图片

起因： 有些图片是在 canvas 上渲染的，这样就无法下载了。

直接上代码：
使用方式： 打开控制台，在控制台内输入下面的内容（注意修改 canvas 的ID），就会自动下载啦

// 从canvas保存图片
var link = document.createElement("a");
link.download = "canvas_img.png";
// 记得这里修改 canvas 的 dom 绑定的 ID
link.href = document.getElementById('mainLayer-70f2b619-8eae-4f86-a23d-5d9dbe2c60ea').toDataURL("image/png");
link.click();
1
2
3
4
5
6

可别选错了渲染的 canvas 了