如何截图网页中的一个 canvas 渲染的图像？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 1257 天前的主题，其中的信息可能已经有所发展或是发生改变。

我想截图网页中的一个 canvas （或任意一个 div，甚至任意节点）渲染的内容，保存为一个图片。

因为是第三方网站，所以我想通过开发者工具 /或者第三方扩展插件？

可以做到吗？

3 条回复

wobuhuicode

2021-07-22 14:06:40 +08:00

canvas 最好截图了。
直接找到它的实例，一个 toDataURL 就好了。

hronro

2021-07-22 14:11:24 +08:00

canvas 的话直接右键保存图片就行了。

其他 DOM node 的话，可以用 chrome devtools 里按 command + P 搜命令 Capture node screenshot:

James369

2021-07-22 14:17:19 +08:00

@hronro 牛，厉害，成功，谢谢～