DOM to Image!

More..

You will need version 4 or higher of `firefox` https://www.mozilla.org/firefox
to run Pencil as a Firefox Extension. Linux users will need version 4 or higher of either `firefox`, `iceweasel` or `xulrunner` https://developer.mozilla.org/en-US/docs/Mozilla/Projects/XULRunner,
or version 25 or higher of `palemoon` https://www.palemoon.org/.
The Windows installer and OS X archive has everything you need built-in. Windows, Linux, OS X & Firefox Packages are available for download from the Releases Page https://github.com/prikhi/pencil/releases.
You can also install the Firefox Add-on from the Mozilla Add-on Repository https://addons.mozilla.org/en-US/firefox/addon/pencil-prototyping/.
To install the OS X package, unzip the archive and copy the `Pencil.app` folder t

DOM to Image alternatives

  • Phantomjs

  • PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

    tags: development development-tool dom web-development

  • RasterizeHTML.js

  • RasterizeHTML.js is a JavaScript library for rendering HTML to a canvas.

    tags: rendering html-to-image convert-html html-to-canvas

  • html2canvas

  • The html2canvas 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.

    tags: development html-to-canvas html-to-image javascript web-development