有没有办法访问 HTML 页面的主要图形上下文？ [复制]

Posted 2023-03-05

【中文标题】有没有办法访问 HTML 页面的主要图形上下文？ [复制]

【英文标题】：Is there a way to access the main graphics context of the HTML page? [duplicate]

【发布时间】：2013-01-13 10:25:04

【问题描述】：

可能重复：Using html5/Canvas/javascript to take screenshots

有没有办法将 HTML 页面的主要图形上下文复制到画布中？

从 Javascript 中，我想抓取当前可见 HTML 页面的“屏幕截图”并将其复制到缩略图图像或画布上。 （不是来自单独的“截屏”应用，而是来自 javascript 页面本身）

【问题讨论】：

看看这个：craigsworks.com/projects/qtip/demos/content/thumbnail这是你想要的吗？

【参考方案1】：

你做不到。 但是如果你使用谷歌浏览器，你可以编写一个 chrome 扩展，这会为你提供新的 javascript 函数来捕获图像，例如：

chrome.tab.captureVisibleTab( ....)

例如可以查看源代码网页截图扩展： https://chrome.google.com/webstore/detail/webpage-webcam-screenshot/ckibcdccnfeookdmbahgiakhnjcddpki

【讨论】：

感谢您的回复。我同意这是重复的 - 但是当我输入问题时它并没有作为可能的匹配出现，所以我没有看到它。我感谢您对看起来非常有趣的工具的引用 - 不幸的是，它不能完全满足我的需求。我希望可能有一些低级 DOM 元素包含我可以轻松访问的整个渲染页面的实际位图表示。由于我们实际上拥有主设备上的浏览器，因此我们可能会考虑添加一个钩子来获取 HTML 引擎的帧缓冲区。