base64-encode and inline content as dataURLs.

parse file URLs, download corresponding files.find all the declarations that might represent web fonts.and don't forget to recreate pseudo-elements, as they are not cloned in any way, of course.Compute the style for the node and each sub-node and copy it to corresponding clone.Clone the original DOM node recursively.So, in order to render that DOM node for you, following steps are taken:

This library uses a feature of SVG that allows having arbitrary HTML content inside of the tag. There might some day exist (or maybe already exists?) a simple and standard way of exporting parts of the HTML to image (and then this script can only serve as an evidence of all the hoops I had to jump through in order to get such obvious thing done) but I haven't found one so far. Internet Explorer is not (and will not be) supported, as it does not support SVG tag. It's tested on latest Chrome, Firefox and Safari (49, 45 and 16 respectively at the time of writing), with Chrome performing significantly better on big DOM trees, possibly due to it's more performant SVG support, and the fact that it supports CSSStyleDeclaration.cssText property. Only standard lib is currently used, but make sure your browser supports: When supplied, the toCanvas function will return a blob matching the given image type and quality. The default type is image/png that type is also used if the given type isn't supported. You may experience loss of parts of the image if set to true and you are exporting a very large image.Ī string indicating the image format. When supplied, the library will skip the process of scaling extra large doms into the canvas object.

For windows download GetPixelColor 3.21