What is dom-to-image?

dom-to-image is a JavaScript library that takes any element on a web page and converts it into a PNG, JPEG, or SVG image file, all inside the browser without sending anything to a server. You point it at a specific part of the page, call one of its functions, and get back an image you can display, download, or process further. The library works by cloning the target element, carefully copying all the styles applied to it, and then placing that clone inside an SVG structure that browsers can render as an image. It also handles web fonts by downloading them and embedding them directly into the output, and does the same for background images. The final result is captured using an off-screen HTML canvas, which is how the pixel-level output like PNG or JPEG is produced. From a developer's perspective, each function returns a promise, so you chain .then() to handle the result when it is ready. You can export as a PNG data URL, a JPEG with adjustable quality, an SVG string, a binary blob for downloading, or raw pixel data as an array of numbers. An optional filter function lets you exclude specific elements from the output before rendering. The library works in Chrome and Firefox. It explicitly does not support Internet Explorer, which lacks the SVG feature the library depends on. Safari support is also absent due to that browser's stricter security rules around the same feature, though the README suggests using the SVG export mode and rendering it on the server as a workaround. It has no external dependencies for its core functionality, though you need a browser that supports Promises and the SVG foreignObject tag. The license is MIT. This library is aimed at web developers who need to take screenshots of specific interface sections programmatically, such as for export features, report generation, or sharing.