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

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

直接上代码:
使用方式: 打开控制台,在控制台内输入下面的内容(注意修改 canvasID),就会自动下载啦

// 从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();

可别选错了渲染的 canvas

你可能感兴趣的:(web前端,canvas,前端)