Google chrome 如何在Chrome扩展中捕获单个HTML元素的屏幕截图?
我知道有一个,但如何剪切选项卡的结果屏幕截图,以便只剩下一个HTML元素?为此,您需要,并且。Google chrome 如何在Chrome扩展中捕获单个HTML元素的屏幕截图?,google-chrome,google-chrome-extension,Google Chrome,Google Chrome Extension,我知道有一个,但如何剪切选项卡的结果屏幕截图,以便只剩下一个HTML元素?为此,您需要,并且。onMessage是一种发送消息的方法,sendMessage和captureVisibleTab都是发送消息的方法 清单 在清单文件中,必须添加选项卡和文件。如果没有权限,这将无法工作 “权限”:[ “标签”, “使用内容脚本获取元素的相对位置和尺寸,使用此信息在画布上绘制屏幕截图,然后读取最终截图(裁剪)来自画布的图像。@RobW,谢谢,我没有考虑使用画布。如果可能的话,我会接受你的评论作为答案!:
onMessage
是一种发送消息的方法,sendMessage
和captureVisibleTab
都是发送消息的方法
清单
在清单文件中,必须添加选项卡和文件。如果没有权限,这将无法工作
“权限”:[
“标签”,
“使用内容脚本获取元素的相对位置和尺寸,使用此信息在画布上绘制屏幕截图,然后读取最终截图(裁剪)来自画布的图像。@RobW,谢谢,我没有考虑使用画布。如果可能的话,我会接受你的评论作为答案!:)写下我评论的实现,将其作为答案发布并接受。写一个正确的实现可能需要5-20分钟(请记住,captureVisibleTab
仅捕获选项卡的可见部分,而不是整个页面,因此您可能需要滚动到正确的位置)。是否有人可以共享一些代码?