javascript - 将浏览器中的选定区域抓取为图像

Question

对于特定项目，我需要(有或没有浏览器插件/扩展？)能够让用户选择网页(任何其他网站)的所需部分并自动将所选区域保存为图像到他在我们网站上的帐户。

因此，其逻辑类似于屏幕捕获的扩展，您在屏幕上拖动一个矩形，它会自动捕获图像。从那时起，一旦用户释放鼠标按钮，图像就会以某种方式传输到我们的网站并放置在他的帐户网页上。

我只是不知道从哪里开始寻找解决方案以及如何完成这样的任务。这可以用javascript实现吗？或者扩展是必须的？

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

考虑一下Flash。 Flash 可以在其内部打开一个浏览器窗口，用户可以浏览到该窗口内的任何站点，并且您可以在顶部保留一个工具栏，以允许他们打开/关闭捕获。他们永远不会离开 Flash 窗口，因此他们会留在您的网站上，并且 Flash 可以将他们绘制的矩形上的任何内容传达回您的服务器。

我很确定如果有必要的话我可以用 Flex 做类似的事情，但是需要花费我几周的时间。不确定，但我很怀疑 iframe 和 JS 是否可以做同样的事情。