在網頁上創建屏幕捕捉功能的方法

我已經閱讀了關於屏幕截圖的SO上的各種帖子，但似乎沒有人回答我的情況。在網頁上創建屏幕捕捉功能的方法

在我們的網站（在一個網頁內），基本上這就是我希望能夠做到的。

用戶點擊「屏幕捕獲區域」按鈕
他們得到某種可拖動/可觀箱，他們可以用它來定義該區域捕捉
捕獲的區域被轉換成一個（最好）png格式
圖像上傳（或至少提供給上傳 - 也許某處保存）

我意識到這是不可行的單獨的JavaScript。所以，我對Java或Flash解決方案和/或甚至是商業解決方案（我可以添加到我們的網站中的一個嵌入式java applet）都是開放的。

那麼，是這樣的可用，或任何其他想法，我可能會如何處理？

謝謝。

來源

2011-10-11 OneNerd

Flash可以捕獲由Flash Player呈現的區域，但不捕獲頁面（或屏幕）的其他部分。 –

看看PhantomJS。 http://www.phantomjs.org/

實際上它會在您的服務器堆棧上重新呈現頁面，並且可以將其另存爲png。與您所需的工作流程不同，但絕對值得一試。

來源

2011-10-11 16:42:09 websymphony

看了一眼 - 不知道這將如何解決我的問題。你能詳細說明嗎？ – OneNerd

所以這裏是PhantomJS將幫助你：你可以提供一個網頁的網址，它會呈現在PNG，SVG或PDF格式。 [link]（http://code.google.com/p/phantomjs/wiki/QuickStart#Rendering）。您仍然需要解決的問題是，如何獲取需要捕獲的區域的座標，並將其傳遞到PhantomJS可以對其執行操作的服務器。再一次，這不是一個完整的解決方案，而是可以研究的東西。「Bugmuncher」的用戶可以根據需要使用相同的功能，並且在後端使用PhantomJS。 [鏈接]（http://bugmuncher.com/） – websymphony

是的，除非用戶想要捕獲非網頁？ – OneNerd

在網頁上創建屏幕捕捉功能的方法

回答

相關問題