Javascript 截图

我有一个要求，我需要采取的视口截图，并使用它以后

问题是，用户可以与页面交互并添加/删除元素。除此之外，如果元素部分可见，我只需要捕获它

我试过了

• HTML2Canvas
• WebRTC

发布此

HTML2Canvas

获取元素的屏幕截图。所以，若元素的一部分不可见，那个么即使那个部分也会被添加

WebRTC的问题是，首先它需要用户的许可。所以如果用户拒绝，我的代码就会失败。除此之外，它还拍摄了整个屏幕的截图，而不仅仅是视口

那个么，有并没有一种方法可以拍摄视口的截图

例如，在下面的示例中，如果您在SO的输出窗口中运行，您将看到滚动条。因此，给定顶部的位置，我只想捕获可见内容，而不是整个div

.container{
显示器：flex；
弯曲方向：行；
}
.container>div{
填充物：5px；
保证金：5px；
边框：1px纯色灰色；
字号：2em；
}

段落是论文的基石。许多学生用长度来定义段落：段落至少由五个句子组成，一个段落有半页长，等等。但实际上，句子之间思想的统一性和连贯性才是段落的组成部分。段落被定义为“组成一个单位的一组句子或一个句子”（Lunsford和Connors 116）。长度和外观并不决定文章中的某一部分是否为段落。例如，在某些文体中，特别是新闻文体中，一个段落可能只有一句话长。说到底，段落是支持一个主要思想的一个句子或一组句子。在本讲义中，我们将其称为“控制思想”，因为它控制着本段其余部分的内容。
段落是论文的基石。许多学生用长度来定义段落：段落至少由五个句子组成，一个段落有半页长，等等。但实际上，句子之间思想的统一性和连贯性才是段落的组成部分。段落被定义为“组成一个单位的一组句子或一个句子”（Lunsford和Connors 116）。长度和外观并不决定文章中的某一部分是否为段落。例如，在某些文体中，特别是新闻文体中，一个段落可能只有一句话长。说到底，段落是支持一个主要思想的一个句子或一组句子。在本讲义中，我们将其称为“控制思想”，因为它控制着本段其余部分的内容。

如果您愿意，您可以使用木偶演员拍摄屏幕截图，如果它适合您的使用目的，让我也试试这个。供读者参考：您对此有何限制？它是否在您控制的浏览器中运行（例如通过WebDriver），您是否加载了自定义浏览器扩展，或者它是否必须在普通浏览器中工作（对于普通浏览器，您肯定需要用户权限）？首选是在未经许可的情况下工作。它将在浏览器或webviewer上呈现。你指的是WebRTC吗？我试过了，但无法让它仅在视口中工作。