可用窗口的屏幕截图

时间:2018-02-22 07:20:29

标签: javascript node.js web-applications

我正在构建一个消息传递Web应用程序,我想添加一项功能来捕获和上传用户选择的任何打开窗口的屏幕截图。

完整用例:在Web应用程序上而不是上传图像用户将单击一个按钮(称为捕获),这将使用户能够捕获任何所选窗口的屏幕截图。这类似于outlook或office产品中的屏幕截图/屏幕剪辑。我们需要将此功能嵌入到浏览器上运行的Web应用程序中。

示例:用户正在使用我的网络应用程序并想要使用绘图应用程序共享他/她制作的绘画艺术,他/她点击了“捕捉”'按钮并选择打开的绘画窗口并截取该绘画窗口的屏幕截图并在Web应用程序中上传该图像。

是否有任何javascript库可以帮助我执行此操作?

它与这个问题(Using HTML5/Canvas/JavaScript to take in-browser screenshots)不同,因为我在不同的窗口而不是浏览器窗口上寻找截图。

谢谢。

1 个答案:

答案 0 :(得分:0)

在一个标签/窗口中,无法在DOM内容之外捕获屏幕截图或执行任何操作。

参考https://en.wikipedia.org/wiki/Same-origin_policy

网页只能访问自己的内容。不是其他网页。不是窗外的东西。

如果您正在寻找一些工具来捕获任何窗口和任何网页的屏幕截图,它应该是该操作系统的本机应用程序(Windows应用程序,Android应用程序等),并应使用由此提供的工具/ api OS。这不能直接集成到网页中。

最接近的选项是让用户使用任何必要的工具截取屏幕截图,并将该图像上传/粘贴到您的网页上。