使用用戶進行的網站截圖制作

Question

是否可以對用戶可見的網站（由瀏覽器渲染） 直接截取網站可見部分的屏幕截圖，包括用戶所做的任何更改（例如，移動的div，以表格形式鍵入的文本等）？

---

因此，您打開一個網站，可以在其中更改其內容。 還有一個按鈕（當然是在網站上），當您單擊它時，網站的實際可見部分以及所做的所有更改都將保存為圖像，例如，出現一個彈出窗口，您可以在其中鍵入電子郵件發送此圖像到或類似的東西。 Javascript，php，html5還是其他？ 舊的瀏覽器，即無所謂。 我已經搜索了很多答案，閱讀了大量相關文章，但是我找不到解決方案，因為我需要的不是像html2canvas這樣可以重新呈現頁面的腳本，而是可以捕獲顯示在屏幕上的實際內容屏幕。 任何想法和評論都非常感謝！

Answer 1

這是非常棘手的事情。

本質上，在沒有擴展名或類似擴展名的瀏覽器中執行此操作的唯一選擇是嘗試將HTML呈現到<canvas>標記中。

有幾個項目可以做到這一點，因此在SO問題的答案中提到了最可靠的選擇： 在Canvas / WebGL中渲染HTML

請注意，所有項目都不是100％准確的，但是可以將畫布渲染為圖像，從而可以像您要​​求的那樣由用戶保存或通過電子郵件發送。