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

2021-07-22 14:02:03 +08:00
 James369
我想截图网页中的一个 canvas （或任意一个 div，甚至任意节点）渲染的内容，保存为一个图片。

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

可以做到吗？
791 次点击
所在节点    程序员
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 牛，厉害，成功，谢谢～

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/791047

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX