Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google chrome 如何在Chrome扩展中捕获单个HTML元素的屏幕截图?_Google Chrome_Google Chrome Extension - Fatal编程技术网

Google chrome 如何在Chrome扩展中捕获单个HTML元素的屏幕截图?

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

我知道有一个,但如何剪切选项卡的结果屏幕截图,以便只剩下一个HTML元素?

为此,您需要,并且。
onMessage
是一种发送消息的方法,
sendMessage
captureVisibleTab
都是发送消息的方法

清单

在清单文件中,必须添加
选项卡和
文件。如果没有权限,这将无法工作

“权限”:[
“标签”,

使用内容脚本获取元素的相对位置和尺寸,使用此信息在画布上绘制屏幕截图,然后读取最终截图(裁剪)来自画布的图像。@RobW,谢谢,我没有考虑使用画布。如果可能的话,我会接受你的评论作为答案!:)写下我评论的实现,将其作为答案发布并接受。写一个正确的实现可能需要5-20分钟(请记住,
captureVisibleTab
仅捕获选项卡的可见部分,而不是整个页面,因此您可能需要滚动到正确的位置)。是否有人可以共享一些代码?