html2canvas: take a screenshot of any site from the client
Posted by Dion Almaer 9 months ago on canvas sample screenshot
This one is impressive. Niklas von Hertzen has created html2canvas, a client side canvas library that reads in a Web page and renders the page into a canvas image.
This script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.
The script renders the current page as a canvas image, by reading the DOM and the different styles applied to the elements.
Since it works on the DOM itself, I unchecked the “disable JavaScript” option on the test console and it rendered FunctionSource pretty darn well (since f{} is all JS generated DOM) with the top right being the only bug.