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

最新推荐文章于 2024-09-25 16:00:42 发布

最凶残的小海豹

最新推荐文章于 2024-09-25 16:00:42 发布

阅读量389

点赞数

分类专栏： web前端文章标签： canvas 前端

本文链接：https://blog.csdn.net/qq_17627195/article/details/134338677

版权

web前端专栏收录该内容

206 篇文章 12 订阅

订阅专栏

起因： 有些图片是在 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();